0

我只想用 AngularJS 和 ngMessages 验证电子邮件字段。

我想要 3 个验证规则：

  • 必需的
  • 最长长度
  • 电子邮件

我想显示错误消息 + 错误边框，Required并且Maxlength当验证在这些术语中的任何一个上失败并且输入字段为脏时。

同时，我想Email在验证失败并且仅触摸输入字段时显示错误消息+错误边框。如果它很脏，我不想显示电子邮件错误消息，因为这对最终用户来说很烦人。

这是我的代码：

<input 
    type="email" 
    placeholder="Email" 
    name="emailField" 
    ng-model="emailField" 
    ng-class="{'error-border': (form.emailField.$dirty && form.emailField.$error && !form.emailField.$error.email)}"
    required
    ng-maxlength="10"
>
<div class="form-error" ng-messages="form.emailField.$dirty && form.emailField.$error && !form.emailField.$error.email">
    <p ng-message="required" class="ferror">
        <i class="delete"></i>
        Email is required.
    </p>
    <p ng-message="maxlength" class="ferror">
        <i class="delete"></i>
        Email is too long.
    </p>
    <p ng-message="email" class="ferror">
        <i class="delete"></i>
        Email is invalid.
    </p>
</div>

但是它不起作用。

谁能帮我这个？

4

0 回答 0