javascript - AngularJs 服务器端验证

Question

我正在使用 angularjs 提交一个非常简单的表单......我必须在表单中插入数字代码。该代码必须在服务器端进行验证，调用外部服务。当我得到 promise 时，我想检查代码是否正确。如果代码不正确，我想在文本框中设置红色边框并显示一条消息...此处为 html

<input name="code" type="text" style="width:155px;" data-ng-model="Codice" 
    data-ng-required="true" data-ng-pattern="/^(\d){22}$/" data-ng-model-options="{ updateOn: 'mousedown blur' }" />

<span data-ng-show="myform.code.$error.pattern" class="error">Codice non valido</span>

现在我让你看看我在 Controller 中做了什么

if (response.Result == "1")
{
   myform.code.$error.pattern = true;
}

这样我只能看到消息，但文本框的边框保持黑色......所以我尝试过:

if (response.Result == "1")
{
   myform.code.$setValidity('mismatch',false);
}

但是这样，即使我修改了代码，模型仍然“无效”，所以我不能再发帖了......

有什么解决办法吗？谢谢

Answer 1

在您的 html 中创建一个用于自定义验证的范围

 <span class="help-block" ng-show="myform.name.$error.ntValidName">Not valid name</span>

并在 Controller 中像这样设置有效性，如果无效则

 myform.name.$setValidity("ntValidName", false);

这样您就可以创建自定义验证