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。）

$('input:text, textarea')

应该工作。

Answer 2

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();
   }
})

使用jquery和验证预填充表单

2 个答案:

实施例

实施例