最新消息: 新版网站上线了!!!

jQuery去除form表单的输入框的默认内容

需求:所有的表单输入框获得焦点时,去掉默认的提示文字;失去焦点时如果输入框为空,恢复默认的提示文字。

 

 

$(function(){

   $('#MsgForm').find('input,textarea').each(function(){

      var default_text = $(this).val();  //得到当前文本框的值(默认值)

      $(this).focus(function(){  //文本框获得焦点时

         if(default_text === $(this).val())

            $(this).val('');  //如果符合条件,则清空默认的内容

      })

      $(this).blur(function(){  //失去焦点时

         if($(this).val() == "")  //如果文本框的内容为空

            $(this).val(default_text);  //恢复默认的内容

      })

   })

});

 

转载请注明:谷谷点程序 » jQuery去除form表单的输入框的默认内容