Question

当字段输入无效时，我无法显示消息。我可以看到类正确地应用于元素，即ng-dirty ng-invalid ng-invalid-pattern，所以我只需要显示错误消息。我的HTML有问题吗？

谢谢！

<form ng-controller="FormCtrl" name="TestForm" action="http://myserver/api" method="post" novalidate>

<div class="form-group">
  <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-ng-model="model.tfn">
  <span class="error" data-ng-show="model.tfn.$invalid">Correct input etc...</span>
</div>

</form>

Answer 1

您要查找的信息是FormController的一部分。您需要通过ng-form指令设置formController：

<div class="form-group" ng-form="myForm">
  <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-mg-model="model.tfn">
  <span class="error" data-ng-show="myForm.vld.$invalid">Correct input etc...</span>
</div>

如果这样做，您可以通过[OFrmController的名称]来访问信息。[输入字段的名称]。$ invalid例如myForm.vld $无效

使用AngularJs自定义验证的CSS

1 个答案: