jquery - JQuery のぼかし機能が 2 回目に機能しない

Question

こんにちは、読み込み時に「名前を入力してください」というテキストボックスがあります。それに焦点を合わせると空になり、何も入力しないとぼかしが再び「名前を入力してください」に変わります。これは何度もうまくいきます。しかし、問題は、フォーカスして何かを入力してから文字を削除すると、テキストボックスが空になることです。しかし、テキストボックスが空の場合、私のロジックに関しては、あなたの名前を「入力」する必要があります。ここにJQUERYが私のコードです。Plsは何かを提案します。

  $(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);

            }


    });

 });