gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 19:59:31 24 4
gpt4 key购买 nike

有没有办法在自定义表单验证中传递错误消息?

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

  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() 的东西吗?

最佳答案

正如我在评论中所写,我刚刚弄清楚了。我只需要使用不同的有效性标志。没有人说我必须在 $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 的名称错误消息!

关于AngularJS自定义表单验证错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19521177/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com