Wie validiert man einen Feldeintrag, während der Benutzer den Wert in ein Feld in Javascript eingibt?

Question

Ich versuche, ein Formular für die Anmeldung und Registrierung zu validieren. Wie ich in einigen Websites gesehen habe ... wie ich meinen Benutzernamen oder meine E-Mail-Adresse einchecke, validiert es rechtzeitig, auch wenn ich noch auf diesem Feld bin.

Ich habe die Validierung mit "onblur" Ereignis. Ich denke, es wäre "onkeypress", um zu bekommen, was ich will. Aber wenn ich onblur() zu onkeypress() ändere, indem ich den Event-Handler-Code als gleich erhalte, kommt es zu etwas Verspottung. Ich bin nicht einmal in der Lage, einen Schlüssel in Feld einzugeben.

Ich habe onblur = "return validUser();" an onkeypress = "Rückgabe valodUser();"

Wie validiere ich, wenn ich Daten in Feld eingabe.

Die Event-Handling-Funktion ValidUser() ist wie folgt:

function validUser(){ 
    var x=document.getElementById("userId").value; 
    var userId_error=document.getElementById("userId_error"); 
    var userReg=/^[A-Za-z]+[A-Za-z0-9_]*/; 

    if(x.length==0||x==null){ 
     document.getElementById("userId").style.border="2px solid red"; 
     document.getElementById("userId").style.backgroundColor="eceb8f"; 
     userId_error.innerHTML="Please enter Username."; 
     document.getElementById("userId").focus(); 
     return false; 
     } 
    else{ 
     document.getElementById("userId").style.border="1px solid #fff"; 
     userId_error.innerHTML=""; 
    } 

    if(!userReg.test(x)){ 
     document.getElementById("userId").style.border="2px solid red"; 
     userId_error.innerHTML=" Please. enter valid Username! (eg:Ram24,Jhon_s)"; 
     return false; 
     } 
    else{ 
     document.getElementById("userId").style.border="1px solid #fff"; 
     userId_error.innerHTML=""; 
    } 

    return true; 
} 

Answer 1

Mit nur onblur-onkeypress Ändern Sie die Standardaktion des Ereignisses verhindern durch falsche Rückkehr, wenn es Validierungsfehler und daher sind Sie kann nichts eingeben.

Auf diesen Websites hätten Sie bemerkt, dass rechts vom Eingabefeld ein Fehler angezeigt wird und Sie nicht daran gehindert werden, ungültige Daten einzugeben. Sie müssen etwas Ähnliches implementieren.