angularjs - 如何强制重新验证表单?

标签 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 调用时出现未定义的错误。

非常感谢您的帮助

最佳答案

这是FIDDLE LINK

工作示例,但使用 Angular 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>

关于angularjs - 如何强制重新验证表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25864651/

相关文章:

forms - Firefox 23 的表单文本框中缺少光标

javascript - 从javascript文件访问webform

javascript - 如何从工厂传递的函数返回值?

javascript - 用于测试 AngularJS 的 Protractor

javascript - 在 e2e 测试中测试路由 Karma 时出错

asp.net - 正则表达式验证器,必填字段

c - 在C中如何验证输入值只是正数?

javascript - Azure存储授权失败或格式错误

javascript - 使用 GET 方法提交表单时使用 %20 而不是 + 来编码空格

php - Zend_Validate_Between 奇怪的错误信息