小编Dev*_*Dev的帖子

我是AngularJS的新手,我正在尝试创建一个简单的表单.如果表单无效(我没有填写所有字段),我将禁用"提交"按钮.当启用自动填充功能时,除Chrome之外,它工作正常.字段已预先填写,但仍然禁用提交按钮,直到我点击页面上的某处(任何位置,即输入字段,空白空间等).

我不确定如何提供复制Chrome场景的工作示例,但这里是ng-disabled的JSFiddle(以及下面的代码).

的jsfiddle

<div ng-app="">
  <form name="myForm">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" ng-model="formData.username" required />
    <span ng-show="myForm.username.$error.required && myForm.username.$dirty">Required</span>


    <label for="password">Password</label>
    <input type="password" id="password" name="password" ng-model="formData.password" required />
    <span ng-show="myForm.password.$error.required && myForm.password.$dirty">Required</span>
    <br />

    <button type="submit" class="btn" ng-disabled="myForm.$invalid">Submit</button>
  </form>
</div>

这是真实的截图: