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

发布时间：2020-12-17 08:14:38 所属栏目：安全来源：网络整理

导读：有没有办法在自定义表单验证中传递错误消息？例如。我有一个检查用户名的指令。有三种可能的结果：它是有效的它无效，因为它不是一个好的用户名(“this.is-invalid”) 它是无效的，因为它已经在使用我有一个指令(简化的伪html)： input type="text" name

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

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

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

我有一个指令(简化的伪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);

$错误的名称是错误消息！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!