Walidacja na żywo za pomocą javascript

Mam tutaj weryfikację pola tekstowego. Komunikat o błędzie nie pojawi się jako alert, zamiast tego zostanie wydrukowany w znaczniku div html.

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");
    }
}
Kliknięcie przycisku powoduje wydrukowanie komunikatu o błędzie.Moje pytanie brzmi: czy w javascript jest jakieś sprawdzanie poprawności na żywo?Chodzi mi o to, że na początku powinien pojawić się komunikat o błędzie, przycisk kliknięcia, a gdy użytkownik wprowadzi wartość do pola tekstowego, jeśli pole tekstowe imienia ma jakąkolwiek wartość, muszę usunąć komunikat o błędzie bez ponownego klikania przycisku.

po prostu sprawdź mój link i pomóż mi ..http://jsfiddle.net/GACKm/

questionAnswers(5)

yourAnswerToTheQuestion