Показать сообщение отдельно
  #14 (permalink)  
Старый 23.10.2014, 12:17
Аспирант
Отправить личное сообщение для Szorstki Посмотреть профиль Найти все сообщения от Szorstki
 
Регистрация: 15.02.2012
Сообщений: 51

Сообщение от 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>

В ней, я так понимаю, менять ничего не надо.
Ответить с цитированием