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

      } 


    }); 

});