Question

I have a question related to jquery. Basically I want to do a very simple thing. I have a text input field. On submit, I want to display error message if the field is empty.
I have done this way:

 errMsg = "Please write name";              
    $("div#errMsg").css("background-color", "red");
     $("div#errMsg").html(errMsg);

and in the HTML:

<div id="errMsg"></div>
    <strong>Name:  </strong>
    <input name="name" id="name" type="text" maxlength="255" size="50" />

It works fine, however there is a problem. When I leave the field empty and it displays the error message, the error message does not go away without refreshing the page.
I am trying to do it so that when there is error message, and i type something in the field, it automatically remove the error without refreshing the page.
Any help would be much appreciated. Thanks.

Answer 1

$('#name').keyup(function() {

   if ($(this).val()) {
       $("div#errMsg").fadeOut(100);
   }

});

Be sure to call show() $("div#errMsg") next time you display it.