So validieren Sie ein Feld, sobald es den Fokus verliert

Question

Ich lerne Web-Entwicklung. Und ich habe ein Login-Formular, wo ich zwei Textfeld eins für E-Mail und eins für Passwort habe. Ich möchte eine Bestätigung für das E-Mail-Feld haben. Momentan kann ich validieren, aber es tritt auf, wenn ich auf Senden klicke. Gibt es eine Möglichkeit, die Validierung durchzuführen, sobald das E-Mail-Feld den Fokus verliert? Ich möchte validateEmail Methode aufrufen, sobald der Fokus verliert.

Dies ist, was ich bis jetzt haben:

HTML Datei

<div id="ErrMsg" style="color:red"> 
    <form id="myForm" action = "" method="post"> 
     <input id="email" name="Email" type="email" class="form-control" placeholder="Email"> 
     <input id="pass" name="Password" type="password" class="form-control" placeholder="Password" /> 
     <button id="signIn" type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button> 
    </form> 

JS-Datei

window.loginView = Backbone.View.extend({ 
     events: { 
      'click #signIn': 'doSignIn', 
     }, 
     initialize: function() { 
      console.log('Initializing Login View'); 
     }, 
     validateEmail: function(email) { 
      var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
      return re.test(email); 
     }, 
     doSignIn: function(event) { 
      $("#ErrMsg").text(""); 
      var email = $("#email").val(); 
      // checking if email is valid 
      if (!this.validateEmail(email)) { 
       $("#ErrMsg").text(email + " is not valid :("); 
      } 
      else 
      { 
      // some logic to fetch data from REST 
      } 
     } 

Answer 1

Ja, es ist ein Weg. Sie können ein Ereignis focusout binden.

EDIT: ein anderes Ereignis hinzufügen (nach 'click #signIn': 'doSignIn'):

'focusout #signIn': 'doSignIn' 

Answer 2

Wie Sie verwenden jquery dies sehen https://api.jquery.com/blur/

$("#email").blur(validateEmail) 

(natürlich erfordert dies eine Funktion mit dem Namen validateEmail)