AngularJS自定义表单验证错误消息

itch

有什么方法可以在自定义表单验证中传递错误消息?

例如,我有一个检查用户名的指令。有三种可能的结果:

  1. 有效的
  2. 无效,因为它不是一个好的用户名(“ this.is-invalid”)
  3. 无效,因为它已经在使用中

我有一个类似(简化的伪HTML)的指令:

<input type="text" namecheck></input><span ng-show="name.$error.namecheck">You had an error {{ error }}</span>

在我的自定义指令中,我可以

// check for a conflict and valid name here
ngModel.$setValidity("namecheck",false);

但是,如何传递一条错误消息,指出问题是冲突还是名称无效?有什么类似的东西ngModel.$setValidityErrorMessage()吗?

itch

正如我在评论中写道,我只是想通了。我只需要使用不同的有效性标志。什么也没有说,我必须使用与$setValidity()指令名称相同的键

<span ng-show="name.$error.nameinvalid">This is not a valid username, it must be alphanmueric</span>
<span ng-show="name.$error.nametaken">Sorry, the username {{ name }} is already taken</span>

并在指令中

// if I got a 409
ngModel.$setValidity("nametaken",false);
// if I got a 400
ngModel.$setValidity("nameinvalid",false);

的名称$error 错误消息!

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS自定义表单验证错误消息

来自分类Dev

CFWheels:表单验证自定义错误消息

来自分类Dev

JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

来自分类Dev

django自定义表单验证错误

来自分类Dev

如何在Laravel表单验证错误消息中提供自定义字段名称

来自分类Dev

在 Spring 5 中,如何自定义表单验证错误消息?

来自分类Dev

表单验证规则不呈现自定义消息

来自分类Dev

带注释的表单验证-转换失败的自定义消息

来自分类Dev

jQuery表单URL验证自定义消息

来自分类Dev

AngularJS异步验证器如何获取自定义错误消息以显示

来自分类Dev

AngularJS异步验证器如何获取自定义错误消息以显示

来自分类Dev

密码错误验证的自定义错误消息

来自分类Dev

用于自定义指令表单控件的AngularJS自定义表单验证器

来自分类Dev

HTML表单中的自定义错误消息

来自分类Dev

覆盖表单的 clean 方法以自定义错误消息

来自分类Dev

AngularJS表单自定义验证(未来日期)

来自分类Dev

angularJs-表单的自定义验证规则

来自分类Dev

在错误消息中返回自定义验证方法参数

来自分类Dev

如何自定义验证属性错误消息?

来自分类Dev

minLength淘汰赛验证的自定义错误消息

来自分类Dev

MVC5中的自定义验证错误消息

来自分类Dev

jQuery验证自定义错误消息的位置

来自分类Dev

自定义错误验证消息未显示

来自分类Dev

关于原则验证的自定义错误消息2

来自分类Dev

laravel中`requiredIf`验证的自定义错误消息

来自分类Dev

Yup的自定义验证的错误消息不会消失

来自分类Dev

Symfony 5约束验证:自定义错误消息

来自分类Dev

如何显示自定义验证错误消息

来自分类Dev

从Vue验证器构建自定义错误消息

Related 相关文章

  1. 1

    AngularJS自定义表单验证错误消息

  2. 2

    CFWheels:表单验证自定义错误消息

  3. 3

    JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

  4. 4

    django自定义表单验证错误

  5. 5

    如何在Laravel表单验证错误消息中提供自定义字段名称

  6. 6

    在 Spring 5 中,如何自定义表单验证错误消息?

  7. 7

    表单验证规则不呈现自定义消息

  8. 8

    带注释的表单验证-转换失败的自定义消息

  9. 9

    jQuery表单URL验证自定义消息

  10. 10

    AngularJS异步验证器如何获取自定义错误消息以显示

  11. 11

    AngularJS异步验证器如何获取自定义错误消息以显示

  12. 12

    密码错误验证的自定义错误消息

  13. 13

    用于自定义指令表单控件的AngularJS自定义表单验证器

  14. 14

    HTML表单中的自定义错误消息

  15. 15

    覆盖表单的 clean 方法以自定义错误消息

  16. 16

    AngularJS表单自定义验证(未来日期)

  17. 17

    angularJs-表单的自定义验证规则

  18. 18

    在错误消息中返回自定义验证方法参数

  19. 19

    如何自定义验证属性错误消息?

  20. 20

    minLength淘汰赛验证的自定义错误消息

  21. 21

    MVC5中的自定义验证错误消息

  22. 22

    jQuery验证自定义错误消息的位置

  23. 23

    自定义错误验证消息未显示

  24. 24

    关于原则验证的自定义错误消息2

  25. 25

    laravel中`requiredIf`验证的自定义错误消息

  26. 26

    Yup的自定义验证的错误消息不会消失

  27. 27

    Symfony 5约束验证:自定义错误消息

  28. 28

    如何显示自定义验证错误消息

  29. 29

    从Vue验证器构建自定义错误消息

热门标签

归档