JQuery模糊功能第二次无法正常工作

Question

嗨我有一个文本框，在加载时有“输入你的名字”。当专注于它时，它会变空，如果我不输入任何东西而且模糊，它会再次变为“输入你的名字”。这很好地工作了很多次。但问题是如果我关注并输入一些内容然后删除字符，则文本框为空。但至于我的逻辑，如果文本框为空，它应该“输入”你的名字。这里的JQUERY是我的代码。请提出一些建议。

  $(document).ready(function (){
    var name='Enter the name';
    $('input[type="text"]').attr('value',name).focus(function(){
            if($(this).val() == name){
                $(this).attr('value','');
            }
    }).blur(function(){
            if($(this).val() == ''){
                $(this).attr('value',name);
            }
    })
  });

Answer 1

试试这个。它工作得很好.....

$(document).ready(function(){
    var msg= 'Enter email.....';
    $('input[type="email"]').attr('value',msg).focus(function(){
            if($(this).val()==msg){
                    $(this).val('');

            }

    }).blur(function(){

            if($(this).val()==''){
            //alert($(this).val());
                    $(this).val(msg);

            }


    });

 });