Intereting Posts
Отключение кнопки предупреждения при недействительности входов. Проверка JQuery Материализовать меню раскрывающегося меню Navbar не работает Ориентация предыдущего div в javascript или css Как отключить полные клавиши клавиатуры с помощью javascript или jquery? Как предотвратить развал панели Kendo Panelbar при нажатии кнопки, которая находится на панели панели Свойство цвета фона скользит вверх PHP не может заполнять массив из выбранной таблицы в json_encode и получать его на javascript Как настроить службу WCF для вызова через междоменную AJAX jQuery выбирает только tr / td в основной таблице, а не вложенные таблицы. jQuery: обновить div после другого действия jquery? Есть ли такая вещь, как относительный селектор jQuery? Как настроить таргетинг на единую область карты изображений, когда несколько карт изображений находятся на одной странице с помощью jQuery Передавать несколько объектов JSON методу действия MVC3 Запросы базы данных Rails Rails как правильно динамически добавить флажок и поместить его с помощью jquery

Отключите кнопку SUBMIT, пока не выберите выбор windows

У меня небольшая форма.

Два элемента элементов выбора и кнопка отправки.

Элементы выбора блока вместе при выборе выбирают, сбрасывают запрос ajax.

Я хочу сделать это, отключить кнопку отправки. Пользователь UNTIL сделал выбор из выпадающих списков выбора.

Они должны сделать выбор из BOTH drop drops, прежде чем кнопка Submit будет включена.

Я не возражаю, если кнопка отправки скрыта до тех пор, пока не будут сделаны выборы.

Краткое описание:

 

Select premium ad type <option value="">Featured Agent <option value="">Featured Listing

Select premium ad duration Weekly Fortnightly Monthy

Вот демоверсия, которая, кажется, делает то, что вы хотите:

http://jsfiddle.net/Yr59d/

Этот javascript-код будет идти в блоке $(document).ready()

 $(function() { $("#submitorder").css("visibility", "hidden"); $("#ad_form select").bind("change", function() { if ($("#ad_type").val().length > 0 && $("#ad_duration").val().length > 0) { $("#submitorder").css("visibility", "visible"); } else { $("#submitorder").css("visibility", "hidden"); } }); }); 

Если вы дадите всем своим выборам общее имя classа (например, «требуется»), вы можете сделать что-то вроде этого:

 $('select.required').change(function() { var total = $('select.required').length; var selected = $('select.required option:selected').length; $('#submitorder').attr('disabled', (selected == total)); }); 

Это не проверенный код. Эта документация может помочь. Это обсуждение jquery также может помочь.

Да, я должен согласиться с Кон на этом – ответы на исправление – теперь-беспокоиться-об этом позже, но их элегантное решение, которое просто в то же время, должно быть направлено.

Мое решение: (с кредитом из streamа: JQuery Enable / Disable Submit Button в IE7 )

 $('select.required').change(function() { var total = = $('select.required').length; var selected = $('#ad_form').find("select.required option[value!='':selected").length; $('#submitorder').prop('disabled', (selected != total)); }); 

Кстати, спасибо ctcherry за демонстрацию кода на сайте JSFiddle – я этого раньше не видел и буду использовать его в будущем!

Используйте прослушиватели на обеих кнопках выбора для изменения и проверьте, установлен ли другой. Если установлено, включите кнопку отправки.