Angularjs无需电子邮件验证

Question

标题很快就会出现问题，我有几个电子邮件字段如下：

Email 1: <input type="email" name="email1" ng-model="emails.email1" />
<br />
Email 2: <input type="email" name="email2" ng-model="emails.email2" />

我正在使用以下css来查看结果：

input[type="email"].ng-invalid.ng-dirty {
    background-color: #FA787E;
  }

问题是，除非我添加必需的属性，否则验证不会触发。当我输入ng-valid ng-touched ng-dirty时，输入采用“abc”类。

我不想放置必需的属性，因为我希望它们是可选的，并且仅在用户想要填写电子邮件地址时才进行验证。是否有解决方法？

Answer 1

在Angular 1.3中，这可以得到更好的支持。请参阅以下页面了解详细信息： http://www.yearofmoo.com/2014/09/taming-forms-in-angularjs-1-3.html#html5-validators-and-parse-errors

Answer 2

您应该能够利用原生角度验证方法：

例如表单名称为“form”

form.email1.$error.emails.email1
form.email2.$error.emails.email2

数据方法：

{{!!form.$error.emails.email1}}
{{!!form.$error.emails.email2}}

从那里开始，只需将字段标记为脏并且应该应用样式。

Read more