PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

jQuery. Выключать кнопку, если в полях есть атрибут required

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

dropoff	Отправлено: 25 Марта, 2013 - 10:50:49
Посетитель Покинул форум Сообщений всего: 310 Дата рег-ции: Дек. 2010 Помог: 0 раз(а)	Доброго времени суток. Ребята, такой вопрос. Есть форма с заранее неизвестным количеством полей. У полей которые обязательно заполнять или что-то выбирать, добавляется атрибут required(можно и класс добавить в принципе). так вот. Нужно выключать кнопку Сохранения, если не заполнены эти поля. При этом, как писал выше, количество полей заранее не известно. Либо можно просто не выключать кнопку, а выделять поля которые пользователь пропустил, добавляя определенный класс к ник, но при этом не выполнять событие кнопки, чтобы форма не отправлялась. Т.е. нужно проверять заполненность поле у которых есть атрибут required, либо класс с таким названием. Могу получить ID формы, класс кнопки на которой висит событие сохранения(ajax) Буду благодарен за помощь и советы. (Отредактировано автором: 25 Марта, 2013 - 10:51:12)

armancho7777777	Отправлено: 25 Марта, 2013 - 11:03:56
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Как-то так ... Вариант с неактивной кнопкой: CODE (javascript): скопировать код в буфер обмена var requiredFields = $('[required="required"]'), requiredFieldsSize = requiredFields.size(), isRequiredFieldsSize = 0, submit = $(':submit'); requiredFields.blur(function(e) { if($.trim(this.value) != '') isRequiredFieldsSize++; }).focus(function(e) { if(isRequiredFieldsSize == requiredFieldsSize - 1) submit.attr('disabled', false); }); Вариант с добавлением класса пустым обязательным полям при попытке отправки формы: CODE (javascript): скопировать код в буфер обмена var requiredFields = $('input[required="required"]'), requiredFieldsSize = requiredFields.size(), isRequiredFieldsSize = 0, submit = $(':submit'); requiredFields.focus(function(e) { $(this).removeClass('error'); submit.attr('disabled', false); }); submit.mousedown(function(){ requiredFields.each(function() { if($.trim(this.value) != '') isRequiredFieldsSize++; else $(this).addClass('error'); }); // requiredFields.each if(isRequiredFieldsSize < requiredFieldsSize) { alert('Заполнены не все обязательные поля!'); $(this).attr('disabled', true); return false; } });

dropoff	Отправлено: 26 Марта, 2013 - 10:46:33
Посетитель Покинул форум Сообщений всего: 310 Дата рег-ции: Дек. 2010 Помог: 0 раз(а)	Спасибо большое! Получилось. А то получалось, что полей много, часть нужна обязательных... Каждое отдельно проверять сложно.

armancho7777777	Отправлено: 26 Марта, 2013 - 11:54:12
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Не за что.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.