0

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

谢谢！

4

2 回答 2

1

广告 1。）

$('input:text, textarea')

应该管用。

于 2011-04-23T01:37:06.150 回答
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();
   }
})
于 2011-04-23T01:38:53.510 回答