如何强制重新验证表单?

时间:2014-09-16 09:03:01

标签: angularjs forms validation angularjs-directive submit

我有一个包含几个字段和提交按钮的表单。 为了验证邮政编码,我编写了一个调用API的指令。

<input type="text" id="zipCode" name="zipCode" zipcodevalidation>

要在单击提交按钮后强制执行表单,请使用 表单标签中的属性如下:

<form name="form1" id="user-form1" ng-submit="validate" ng-model-options="{ updateOn: 'submit' }" novalidate>

点击按钮后,将执行指令zipcodevalidation。 如果邮政编码无效,则字段zipCode和表单form1无效。

如果我再次点击提交按钮,则不会发生任何事情! 没有重新验证。

为什么吗

如果在API Iam调用时出现未确定的错误,我需要在不更改邮政编码的情况下进行重新验证。

非常感谢帮助

1 个答案:

答案 0 :(得分:1)

这是FIDDLE LINK

工作示例,但角度为1.3版本。 1.2不支持

希望它能回答你的问题

<input id="orderNumber" name="orderNumber" class="form-control" type="text" ng-model="auth.orderNumber"  ng-model-options="{ updateOn: 'form.$submitted' }"  ng-minlength="7" ng-maxlength="10" ng-pattern="/^[0-9]*$/" required ></input>