Javascript 使用jquery和验证预填充表单

我使用以下代码，为不支持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');
                }
            });
    });
}

谢谢

ad1。）

应该有效。

1）在选择器中包括

textarea

例子 2） 提交表单时，如果输入中的值等于属性，则将其值设置为空（

“”

）

例子

$('input:text, textarea')

$('input[text], textarea')

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

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

       form.submit();
   }
})