單擊另一個文本框時清除文本輸入（如果爲空） - jQuery

Question

我有一個電子郵件文本框，其中包含文本'（不是必需的）'，直到用戶點擊它，此時它變成空白。如果用戶在沒有輸入電子郵件地址（或輸入任何內容）的情況下單擊另一個文本框，我將嘗試將該文本框恢復爲包含（不需要）。

這是我有：

$(document).ready(function() { 

    $('#email').val("(Not Required)"); 

    // this part works fine 
    $('#email').click(function(){ 
     if ($(this).val() == '(Not Required)'){ 
      $(this).val(''); 
     } 
    }); 

    // this isn't working 
    $(':text').click(function(){ 
     var em = $('#email').val().length(); 
     if (em<3){ 
      $('#email').val('(Not Required)'); 
     } 
    }); 

}); 

我想不通，爲什麼第二部分不能正常工作。任何幫助都會以一種非常大的方式從我自己身上得到一生的奉獻。永遠。

Answer 1

var em = $('#email').text().length(); 

應該

var em = $('#email').val().length; 

而且我告訴你通過鏈方法做一個更好的辦法：

$(document).ready(function() { 

    $('#email').val("(Not Required)").foucs(function() { 
     $(this).val(''); 
    }).blur(function() { 
     if ($(this).val().length < 3){ 
      $(this).val('(Not Required)'); 
     } 
    }); 

}); 

Answer 2

你必須使用$('#email').val().length代替$('#email').text().length()

Answer 3

變化

$('#email').text().length(); 

到

$('#email').val().length; 

而只是一個建議，爲什麼不使用電子郵件輸入的模糊（）事件返回'不需要'的文本，而不是等待點擊另一個輸入框？

Answer 4

• click不應該捕獲該事件。 focus是一個去。不要忘記鍵盤導航。
• 不要查詢DOM兩次，保存DOM元素並使用它。
• 使用val()代替text和長度代替OD length()
• :text不是一個好的選擇。這意味着全球選擇$('*')

---

$(document).ready(function() { 
    var $email = $('#email'); 
    $email.val("(Not Required)"); 

    // this part works fine 
    $email.focus(function(){ 
     if (this.value == '(Not Required)'){ 
      this.value =''; 
     } 
    }); 

    $('#otherTextBoxId').focus(function(){ 
     if ($email.val().length <3){ 
      $email.val('(Not Required)'); 
     } 
    }); 

});