Заполнить форму с 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();
}
})