当表单中存在任何自定义ng消息错误时，是否可以禁用angular js中的按钮

Question

当表单中存在除内置错误(如"required"、"min-length"((如验证条件(之外的任何错误消息时，是否可以禁用表单中的按钮？

Answer 1

希望以下内容能帮助

1. 如果使用$scope.formName.$setValidity('errName', false);设置自定义错误，则可以使用formName.$error.errName作为禁用的条件

在JS中，

$scope.formName.$setValidity('errName', false);//invalidate the form

您可以在需要时将错误设置为true。

在HTML中，

<button type="button" ng-disabled="formName.$error.err">Button</button>

2. 您可以使用一个标志，并在出错时将其切换为true，并在禁用ng时使用该标志

在JS中，

$scope.disableBtn = true; //whenever button is to be disabled.

在HTML中，

<button type="button" ng-disabled="disableBtn">Button</button>

更新：添加plunker链接https://plnkr.co/edit/5CFpFMAnZ8kkBh5z5vH4?p=preview