Заполнить форму с JQuery и проверки

Я использую следующий код, чтобы предварительно заполнить записи для браузеров, которые не поддерживают заполнитель html5. У меня есть 2 проблемы с этим:

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

Спасибо!

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

Объявление 1.)

$('input:text, textarea')

Должно сработать.

Другие вопросы по тегам