Сообщение от kostyanet
|
Я в JQ слаб, беру ваш шаблон:
|
Вы говорите, что слабы в JS. А я, так вообще ничего не понимаю.
Если не сложно, можно целиком? С учетом моего кода:
(function($) {
$(function() {
$('.form').each(function() {
var form = $(this),
btn = form.find('.submit');
form.find('.required').addClass('empty_field');
// Функция проверки полей формы
function checkInput() {
form.find('.required').each(function() {
if ($(this).val() != '') {
$(this).removeClass('empty_field');
} else {
$(this).addClass('empty_field');
}
});
}
// Функция подсветки незаполненных полей
function lightEmpty() {
form.find('.empty_field').css({
'border-color': '#d8512d'
});
setTimeout(function() {
form.find('.empty_field').removeAttr('style');
}, 1500);
}
setInterval(function() {
checkInput();
var sizeEmpty = form.find('.empty_field').size();
if (sizeEmpty > 0) {
if (btn.hasClass('disabled')) {
return false
} else {
btn.addClass('disabled')
}
} else {
btn.removeClass('disabled')
}
}, 500);
btn.click(function() {
if ($(this).hasClass('disabled')) {
lightEmpty();
return false
} else {
form.submit();
}
});
});
});
})(jQuery);
Где прописывать приведенный вами код?
Сама форма выглядит так:
<form class="form" action="send.php" method="post">
<fieldset><legend>Заказ звонка</legend>
<input class="field-name required" placeholder="Введите ваше имя" name="name" type="text">
<input class="field-phone required" placeholder="Введите телефон" name="phone" type="text">
<button class="submit" name="submit" type="submit">Отправить заявку</button>
</fieldset>
</form>
В ней, я так понимаю, менять ничего не надо.