Question

我是角色表单的新手，我正在尝试验证电子邮件字段，如果输入无效，则会显示一条消息。

我想要正确地做所有事情，但错误信息不会显示。

        <form name="Login" novalidate>

      <div class="ama-col-sm-12 pad-top-20-xs form-group">
        <label class="copy-title mts-bold pad-bottom-10-xs d-block">E-MAIL</label>
        <input type="email" ng-model="Login.userMail" required ng-class="{'invalidClass': Login.userMail.$invalid}">
        <div ng-show="Login.userMail.$invalid">
          Non va mica bene
        </div>
      </div>

    </form>

你能告诉我在标记中是否有错误吗？

Answer 1

在您的email输入字段中输入name属性，然后在显示/隐藏验证消息时使用字段name。

同时确保您的表单name和ng-model对象不应该相同，否则会被删除。在这种情况下，Login和ng-model的Login存在冲突。

<form name="Login" novalidate>

  <div class="ama-col-sm-12 pad-top-20-xs form-group">
    <label class="copy-title mts-bold pad-bottom-10-xs d-block">E-MAIL</label>
    <input type="email" name="email" ng-model="user.userMail" required 
       ng-class="{'invalidClass': Login.email.$invalid}">
    <div ng-show="Login.email.$invalid">
      Non va mica bene
    </div>
  </div>
</form>

角形，我做错了什么？

1 个答案: