jquery - 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);

            }


    });

 });