Question

When I use blur event the input form clear. But I need blur event to include all html page except submit button.

html code:

<form method="POST" action="#" id="form">
     <table border="1">
       <tr><td></td></tr>
       <tr><td><input type="text" id="email" value="EMAIL ADDRESS_" maxlength="65"/></td></tr>
       <tr><td><input type="submit" value="" id="submit"/></td></tr>
     </table>
</form>

jQuery code:

$(document).ready(function(){
    $('#email[type=text]').focus(function(){
         $(this).val("");

    }).blur(function(){
       if(this.value==""){
         $(this).val("EMAIL ADDRESS_");
       }
    });
});

Answer 1

So after many times spending for searching for right answer, i think this is best solution. I find the answer here

var setTimer = { timer: null }
    $('input,select').blur(function () {
        setTimer.timer = setTimeout(function () {
           $('#text').val('text');
        }, 200);
    });

    $('input,select').focus(function () {
        setTimer.timer = setTimeout(function () {
            $('#text').val('');
        }, 200);
    });

    $("#submit").click(function () {
        clearTimeout(setTimer.timer);
        //do something
    });