ngMessages：使用AngularJS验证电子邮件

Question

我只想用AngularJS和ngMessages来修改电子邮件字段。

我想要3个验证规则：

• 必需
• MAXLENGTH
• 电子邮件

我想显示Required和Maxlength的错误消息+错误边框，当其中任何一个条款验证失败且输入字段脏时。 / p>

与此同时，我想在验证失败时显示错误消息+ 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>

然而，它不起作用。

任何人都可以帮我吗？