AngularJs - 在更新输入的当前文本之前,如何禁用提交按钮?

时间:2017-03-03 06:30:51

标签: angularjs

我有一个问题试图实现这个结果,我需要的几乎是禁用提交按钮,直到更新输入字段中的当前文本。如果你可以帮助我,我将非常感激。

1 个答案:

答案 0 :(得分:0)

下面是您在输入中输入某个值之前的禁用按钮示例 使用ng-disabled$dirty

angular.module('myApp', []);
angular.module('myApp').controller('MyController', MyController);

function MyController($scope) {
  $scope.name = "Angular Form";
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyController">
  <form name="form">
    <input type="text" name="name" ng-model="name">
    <button type="submit" ng-disabled="!form.name.$dirty">submit</button>
  </form>
</div>

查看angularJS表格验证:
  FormController
  scotch.io