die Validierungsnachricht verschwindet nicht nach dem Hinzufügen des richtigen Wertes

Ich habe eine Login-Seite und ich habe eine Validierung hinzugefügt, dass, wenn die Eingabe leer ist, Sie nicht anmelden können, möchte ich die Validierung Nachricht verschwinden, wenn der Benutzer einige Eingaben eingegeben hat . Ich hoffe es ist klar. hier ist mein Code:die Validierungsnachricht verschwindet nicht nach dem Hinzufügen des richtigen Wertes

function Validation() { 
 

 

 
    var x = document.getElementById("username").value; 
 
    var y = document.getElementById("password").value; 
 

 

 
    if (x == "") { 
 

 
    document.getElementById("demo1").innerHTML = "*please write name"; 
 

 
    } else { 
 
    document.getElementById("demo1").innerHTML = ""; 
 
    } 
 

 
    if (y == "") { 
 

 

 
    document.getElementById("demo2").innerHTML = "*please write password"; 
 
    return false; 
 
    } else { 
 
    document.getElementById("demo2").innerHTML = ""; 
 
    } 
 
}

<div id="form-wrapper"> 
 

 
    <label for="username">UserName </label> 
 
    <input type="text" id="username" name="myuser" /><span class="validation" id="demo1"> </span> 
 
    <br/> <br/> 
 
    <label for="password"> Password </label> 
 
    <input type="password" id="password" name="mypassword" /> 
 
    <span class="validation" id="demo2"> </span> 
 
    <br /> 
 

 
    <input type="submit" id="login" value="Log in" onclick="return Validation()" /> <br /> 
 
    <input type="checkbox" checked="checked" /> Remember me 
 

 

 
</div>

Quelle

2017-08-01 ghadah

Das ist, weil Sie Ihre Funktion auf onClick verwenden. Sie sollten es auch bei onChange der Eingabe des Benutzernamens aufrufen. – dev8080

Entschuldigung, ich habe nicht verstanden, also sollte ich den OnChange auf die Schaltfläche oder die Eingabe hinzufügen? – ghadah

Fügen Sie es dem Eingang hinzu. Beide . – dev8080

Sie müssen so schnell Ihre Validation() Funktion aufzurufen, wenn der Benutzer in dem Passwort oder Benutzernamen Feld eingeben beginnt. Sie können es wie

von onkeyup Ereignis erreichen

<input type="password" id="password" name="mypassword" onkeyup="Validation()" />

function Validation() { 
 
    var x = document.getElementById("username").value; 
 
    var y = document.getElementById("password").value; 
 
    if (x == "") { 
 
    document.getElementById("demo1").innerHTML = "*please write name"; 
 
    } else { 
 
    document.getElementById("demo1").innerHTML = ""; 
 
    } 
 
    if (y == "") { 
 
    document.getElementById("demo2").innerHTML = "*please write password"; 
 
    return false; 
 
    } else { 
 
    document.getElementById("demo2").innerHTML = ""; 
 
    } 
 
}

<div id="form-wrapper"> 
 

 
    <label for="username">UserName </label> 
 
    <input type="text" id="username" name="myuser" onkeyup="Validation()"/><span class="validation" id="demo1"> </span> 
 
    <br/> <br/> 
 
    <label for="password"> Password </label> 
 
    <input type="password" id="password" name="mypassword" onkeyup="Validation()" /> 
 
    <span class="validation" id="demo2"> </span> 
 
    <br /> 
 
    <input type="submit" id="login" value="Log in" onclick="return Validation()" /> <br /> 
 
    <input type="checkbox" checked="checked" /> Remember me 
 
</div>

Quelle

2017-08-01 11:34:42 Tushar

die Validierungsnachricht verschwindet nicht nach dem Hinzufügen des richtigen Wertes

Antwort

Verwandte Themen