eckige Form, was habe ich falsch gemacht?

Question

Ich bin neu mit kantigen Formen, ich versuche, ein E-Mail-Feld zu validieren, und sho eine Nachricht, wenn die Eingabe ungültig ist.

Ithinked, um alles richtig zu tun, aber die Fehlermeldung does't't zeigen.

 <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> 

Können Sie mir sagen, wenn im Markup etwas falsch ist bitte?

Answer 1

Setzen Sie das Attribut name auf Ihr email Eingabefeld und verwenden Sie dann das Feld name, während die Validierungsnachricht ein-/ausblenden angezeigt wird.

Auch sicherstellen, dass Ihr Formular name und ng-model Objekt nicht das gleiche sein sollte, sonst wird es abgewischt werden. In diesem Fall waren Login und ng-models Login widersprüchlich.

<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>