Live-Validierung mit Javascript
Ich habe hier eine Textfeldvalidierung. Die Fehlermeldung wird nicht als Warnung ausgegeben, sondern im HTML-Div-Tag ausgegeben.
HTML:
<div id="error" style="position:absolute; left:auto; top:7px;"></div>
<div style="position:absolute; left:auto; top:25px;">
First name: <input type="text" id="fname" name="fname"><br>
Last name: <input type="text" id="lname" name="lname"><br>
<input type="submit" value="Submit" onclick="requiredFields()"><div>
Javascript:
function requiredFields(){
var fName = document.getElementById("fname").value;
var lName = document.getElementById("lname").value;
if(fName == ""){
document.getElementById("error").innerHTML = "First name field cannot be empty";
}else if(lName == ""){
document.getElementById("error").innerHTML = "Last name field cannot be empty";
}else{
document.getElementById("error").innerHTML = "";
alert("successful");
}
}
Auf Knopfdruck drucke ich die Fehlermeldung.Meine Frage ist, gibt es eine Live-Validierung in Javascript?Ich meine, zuerst sollte die Fehlermeldung kommen, Knopf auf Klick, und der Benutzer gibt einen Wert in das Textfeld ein. Wenn das Vorname-Textfeld einen Wert hat, muss ich die Fehlermeldung löschen, ohne erneut auf den Knopf zu klicken.Überprüfe einfach meinen Link und hilf mir ..http://jsfiddle.net/GACKm/