javascript - 单击另一个文本框时清除文本输入(如果为空) - 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)');
        }
    });

});