Jquery: 我如何将空文本应用于所有文本框，而不仅仅是 1

Question

我有这个脚本，它将把文本框中的工具提示文本放入 "Empty Text"。然后当你点击它时，如果你模糊并且文本框仍然是空的，空文本就会消失并重新出现。

var $textbox = $("#MainContent_tbCity"); // select single box (how get all?)
        $textbox.focus(function () {
            if ($textbox.val() == this.title) {
                $textbox.val("");
                $textbox.removeClass("LightText");
            }                    
        });
        $textbox.blur(function () {
            if ($textbox.val() == "") {
                $textbox.val(this.title);
                $textbox.addClass("LightText");
            }                
        });
        $textbox.blur();

Answer 1

您最好的选择是使用 placeholder 属性。它是为此目的而创建的。但是，如果您想手动管理占位符文本，请按以下方式操作：

$(function() {
        $(':text').on('focus', function () {
            if (this.value == this.title) {
                $(this).val('').removeClass("LightText");
            }                    
        })
        .on('blur', function () {
            if ( this.value.trim() == "" ) {
                $(this).val(this.title).addClass("LightText");
            }                
        })
        .blur();
});

Jquery: 我如何将空文本应用于所有文本框，而不仅仅是 1

Jquery: how do i apply Empty Text to all textboxes, not just 1

asp.net

jquery

jquery-selectors