javascript - 使用 jquery 和验证预填充表单

Question

我正在使用以下代码来为不支持 html5 占位符的浏览器预填充条目。我遇到了两个问题:

1)它仅适用于文本框，不适用于文本区域...建议？ 2)我正在使用jquery验证插件，并且由于以下代码添加了一个值，该插件认为有输入的内容，并且不会验证该字段...有什么办法解决这个问题吗？

我需要一种方法来仍然有效的验证，但能够预填充字段

$('input:text').each(
    function(){
        $(this)
            .val($(this).attr('placeholder'))
            .css('color','#999');
        $(this).click(
            function(){
                $(this)
                    .val('')
                    .css('color','#000');
            });
        $(this).blur(
            function(){
                if ($(this).val() === ''){
                    $(this)
                        .val($(this).attr('placeholder'))
                        .css('color','#999');
                }
            });
    });
}

谢谢!

Answer 1

1) 在选择器中包含 textarea。

示例

$('input[text], textarea')

2) 提交表单时，如果输入中的值等于 defaultValue属性，将其值设置为空白 ('')。

示例

form.validate({
   submitHandler: function(form) {

       form.find('input[text], textarea').each(function() {
           if (this.defaultValue == this.value) {
               this.value = '';
           }
       });

       form.submit();
   }
})