Angularjsjs表示必填字段未在加载时验证

时间:2016-03-06 20:00:24

标签: angularjs forms

我有一个表单文本字段,它是必需的,但它的初始值是一个空字符串,所以当我加载表单时,控制器验证表单字段并将其标记为错误,我希望在初始加载时不验证表单只有在onblur事件之后才能进行。

<input data-ng-model="MyCtrl.opportunity.company" type="text" class="form-control" name="company" ng-model-options="{ updateOn: 'blur' }" required />

这是小提琴http://jsfiddle.net/petran/Lvc0u55v/725/

我知道我可以在控制器上调用$ setValidity如果存在,我正在寻找更优雅的解决方案。

2 个答案:

答案 0 :(得分:0)

将此语句添加到ng-class语句:

 ...&& addOpportunityForm.company.$dirty...

答案 1 :(得分:0)

在AngularJS中使用$ pristine验证工具。这将允许函数在测试条件之前等待输入字段被更改。您可以在此处详细了解表单状态:Angular Form States