Aufruf einer Funktion nach Verlassen des Eingabefeldes

Question

In einem Kontaktformular habe ich mehrere Eingabefelder. Eines dieser Felder ist ein E-Mail-Adressfeld:

<input type='text' name='input_email' onChange={this.validateEmail}/> 

Gerade jetzt, ich die E-Mail-Validierung Funktion zum onChange Attribute gesetzt habe. Während der Benutzer Zeichen in das E-Mail-Feld eingibt, erscheint daher eine Fehlermeldung die ganze Zeit.

Ich möchte dies ändern, so dass this.validateEmail nur einmal aufgerufen wird, wenn der Benutzer dieses bestimmte Eingabefeld verlässt. Wie würde ich das erreichen?

Ich kann keine Standardobjekte finden, die dieses Problem lösen könnten.

FYI, mit ReactJS

Answer 1

können Sie onblur() oder onfocusout() verwenden. Es ruft die Funktion auf, sobald Sie auf dieses Textfeld klicken.

Beispiel:

function myFunction() { 
 
    var x = document.getElementById("sometext"); 
 
    x.value = x.value.toUpperCase(); 
 
}

<input type="text" id="sometext" onfocusout="myFunction()">