Как сделать валидацию select с кнопкой в виде ссылки?

Question

[Aleksander911]

Доброго дня всем. Имеется простая форма:

<form id="search" method="get" action="/search">
<div class="block">
<select id="number" class="span3" name="number">
 <option value="0">Выбрать</option>
 <option value="1">Первый</option>
 <option value="2">Второй</option>
</select>
</div>
<div class="block">
<select id="textID" class="span3" name="textID">
 <option value="0">Выбрать</option>
 <option value="11">Да</option>
 <option value="12">Нет</option>
</select>
</div>
<a id="btn" class="blue-button" onclick="doSearchAction();" href="javascript: void(0);">Ответить</a>
</form>

Как сделать валидацию второму select = textID и при этом, если не выбран option, кнопка была неактивна, а при нажатии на нее выдавалось сообщение?

Answer 1

[fabrykant]

<form id="search" method="get" action="/search">
<div class="block">
<select id="number" class="span3" name="number">
 <option value="0">Выбрать</option>
 <option value="1">Первый</option>
 <option value="2">Второй</option>
</select>
</div>
<div class="block">
<select id="textID" class="span3" name="textID">
 <option value="0">Выбрать</option>
 <option value="11">Да</option>
 <option value="12">Нет</option>
</select>
</div>
<button id="btn" value="Submit">ответить</button>
</form>

if($("#textID").val() == 0){
  $("#btn").attr("disabled", "disabled");
}
$("#textID").on("change", function(){
  if($("#textID").val() == 0){
  $("#btn").attr("disabled", "disabled");
}else{
  $("#btn").removeAttr("disabled");
}
$("#btn").on("click", function(){
   alert('ответ');
 })
})

Comments

[Aleksander911]

Спасибо! А с ajax (динамическая форма) как быть не подскажите?

[Aleksander911]

И я так и не понял стоит ли суда прикручивать плагин валидации, если и без него можно обойтись...

[fabrykant]

Aleksander911: Можно без плагина

[fabrykant]

Aleksander911: "А с ajax (динамическая форма)" - конкретней, пожалуйста?

[Aleksander911]

Например, если я выбираю в
"Первый" option, то:

<select id="textID" class="span3" name="textID">
 <option value="0">Выбрать</option>
 <option value="11">Да</option>
 <option value="12">Нет</option>
</select>

если "Второй", то меняются option

<select id="textID" class="span3" name="textID">
 <option value="0">Выбрать</option>
 <option value="221">По умолчанию</option>
 <option value="222">Своё решение</option>
</select>

Имеется ajax, который меняет значения option. Получается так, что при загрузке страницы запускается ваш скрипт, и в ajax success также прописан. Так вот можно как то не прописывать весь код в success, а например может есть какой нибудь метод reload, который перезагрузит скрипт по клику при выборе option в
?

[Aleksander911]

PS. удалился код при написании вопроса. по клику в

<select id="number" class="span3" name="number">
 <option value="0">Выбрать</option>
 <option value="1">Первый</option>
 <option value="2">Второй</option>
</select>