angularjs其他表单验证规则(非输入字段验证)

斯文·迈克尔·斯图伯

将验证规则添加到表单中(属于单个输入字段,而是同时包含多个字段值)的角度方式是什么

例如:

  • 检查是否选中了x复选框中的至少一个
  • 检查多个数字输入的总和是否等于给定数字
  • ...

如果错误可以通过ng-messages显示出来,那就太好了。我正在使用角度1.3.10。

一个更好的奥利弗

没有内置功能,但是需要很少的努力。

ng-messages不依赖于任何特定的东西。它只需要一个其键可以由引用的对象ng-message最简单的解决方案是挂接到submit事件中(无论如何您都可以这样做)并运行其他验证。

<form ng-submit="post()" name="myForm">
  <input type="checkbox" name="one" ng-model="one" />
  <input type="checkbox" name="two" ng-model="two" />
  <input type="submit" />
  <div ng-messages="formErrors">
    <p ng-message="tooMany">Please, check one checkbox only</p>
    <p ng-message="required">Please, check a checkbox</p>
  </div>
</form>

提交后,post()将调用该函数该函数会向对象添加任何错误formErrors

$scope.post = function() {
  ...
  var hasErrors = false;
  $scope.formErrors = {
  };

  if ($scope.one && $scope.two) {
    $scope.formErrors.tooMany = hasErrors = true;
  }

  if (!$scope.one && !$scope.two) {
    $scope.formErrors.required hasErrors = true;
  }

  if (hasErrors) {
     return;
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

其他字段触发的AngularJS表单验证

来自分类Dev

淘汰赛验证-输入验证其他字段

来自分类Dev

停止jQuery表单验证以重置由其他JavaScript填充的typeahead.js输入字段

来自分类Dev

当此字段更改时,AngularJS会验证其他字段

来自分类Dev

输入字段组合的表单验证

来自分类Dev

HTML 输入验证(Angular)依赖于其他字段

来自分类Dev

没有名称的Angularjs表单验证输入字段

来自分类Dev

没有名称的Angularjs表单验证输入字段

来自分类Dev

AngularJs使用指令中的输入字段来验证表单

来自分类Dev

基于其他字段的验证

来自分类Dev

yup验证来验证formki字段是否以其他输入字段的值开头

来自分类Dev

输入字段的angularjs验证错误

来自分类Dev

使用其他表单值验证表单

来自分类Dev

jQuery对照其他动态添加的输入字段验证动态添加的输入字段

来自分类Dev

jQuery对照其他动态添加的输入字段验证动态添加的输入字段

来自分类Dev

AngularJS客户端验证:是否根据其他字段更改验证要求?

来自分类Dev

如何在Django中以其他形式重用自定义表单验证规则

来自分类Dev

显示/隐藏基于其他表单输入和验证的表单元素的最佳方法?

来自分类Dev

表单验证立即合并输入字段

来自分类Dev

表单验证立即合并输入字段

来自分类Dev

删除输入字段上的表单验证

来自分类Dev

验证表单输入字段的正确方法

来自分类Dev

在客户端上验证的url输入字段,但没有其他字段是

来自分类Dev

Laravel 在表单请求验证后验证其他内容

来自分类Dev

AngularJS:如何验证重复表单字段

来自分类Dev

AngularJS:防止隐藏的表单字段被验证

来自分类Dev

AngularJS动态表单字段验证

来自分类Dev

AngularJS:表单验证和输入指令

来自分类Dev

验证AngularJS表单内的重复输入

Related 相关文章

  1. 1

    其他字段触发的AngularJS表单验证

  2. 2

    淘汰赛验证-输入验证其他字段

  3. 3

    停止jQuery表单验证以重置由其他JavaScript填充的typeahead.js输入字段

  4. 4

    当此字段更改时,AngularJS会验证其他字段

  5. 5

    输入字段组合的表单验证

  6. 6

    HTML 输入验证(Angular)依赖于其他字段

  7. 7

    没有名称的Angularjs表单验证输入字段

  8. 8

    没有名称的Angularjs表单验证输入字段

  9. 9

    AngularJs使用指令中的输入字段来验证表单

  10. 10

    基于其他字段的验证

  11. 11

    yup验证来验证formki字段是否以其他输入字段的值开头

  12. 12

    输入字段的angularjs验证错误

  13. 13

    使用其他表单值验证表单

  14. 14

    jQuery对照其他动态添加的输入字段验证动态添加的输入字段

  15. 15

    jQuery对照其他动态添加的输入字段验证动态添加的输入字段

  16. 16

    AngularJS客户端验证:是否根据其他字段更改验证要求?

  17. 17

    如何在Django中以其他形式重用自定义表单验证规则

  18. 18

    显示/隐藏基于其他表单输入和验证的表单元素的最佳方法?

  19. 19

    表单验证立即合并输入字段

  20. 20

    表单验证立即合并输入字段

  21. 21

    删除输入字段上的表单验证

  22. 22

    验证表单输入字段的正确方法

  23. 23

    在客户端上验证的url输入字段,但没有其他字段是

  24. 24

    Laravel 在表单请求验证后验证其他内容

  25. 25

    AngularJS:如何验证重复表单字段

  26. 26

    AngularJS:防止隐藏的表单字段被验证

  27. 27

    AngularJS动态表单字段验证

  28. 28

    AngularJS:表单验证和输入指令

  29. 29

    验证AngularJS表单内的重复输入

热门标签

归档