支付宝赞助帐号:service@kuitao8.com 

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

Created2015-03-10   Views 3512    Author 懒人程序
需求:所有的表单输入框获得焦点时,去掉默认的提示文字;失去焦点时如果输入框为空,恢复默认的提示文字。

 

 

$(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 跨域请求和浏览器缓存
下一篇: jquery跟据表单的name获取值
支持键盘 ← →

邮件订阅

订阅我们的精彩内容