Как отменить отправку формы
Пробовал так:
$('#bot_12').submit(function(eventObject12) {
if($("#smena1").prop("checked") == false && $("#smena2").prop("checked") == false && $("#smena3").prop("checked") == false && $("#smena4").prop("checked") == false && $("#smena5").prop("checked") == false){
eventObject12.preventDefault();
$('#red12').css({'display':'block'});
}
});
и так:
$('#bot_12').submit(function() {
if($("#smena1").prop("checked") == false && $("#smena2").prop("checked") == false && $("#smena3").prop("checked") == false && $("#smena4").prop("checked") == false && $("#smena5").prop("checked") == false){
return false;
$('#red12').css({'display':'block'});
}
});
Часть html
<div id="block_12">
<h3>Готовы ли Вы поменять аутсорсинговую компнаию, если Вам предложат все вышеперечисленные достоинства:</h3>
<p><label><input type="radio" name="smena" id="smena1" value="Да, мы уже задумывались об этом">Да, мы уже задумывались об этом</label></p>
<p><label><input type="radio" name="smena" id="smena2" value="Да, мы в процессе">Да, мы в процессе</label></p>
<p><label><input type="radio" name="smena" id="smena3" value="Да, теоритически">Да, теоритически</label></p>
<p><label><input type="radio" name="smena" id="smena4" value="Нет ">Нет </label></p>
<p><label><input type="radio" name="smena" id="smena5" value="Скорее нет">Скорее нет</label></p>
<p id="red12">Все поля обязательны для заполнения</p>
<input type="submit" class="bot" id="bot_12" name="submit_1_4" value="Дальше">
</div>
Использую jQuery 1.4.3
В форме 3 сабмита
<form>
...
<div id="block_12">
<h3>Готовы ли Вы поменять аутсорсинговую компнаию, если Вам предложат все вышеперечисленные достоинства:</h3>
<p><label><input type="radio" name="smena" id="smena1" value="Да, мы уже задумывались об этом">Да, мы уже задумывались об этом</label></p>
<p><label><input type="radio" name="smena" id="smena2" value="Да, мы в процессе">Да, мы в процессе</label></p>
<p><label><input type="radio" name="smena" id="smena3" value="Да, теоритически">Да, теоритически</label></p>
<p><label><input type="radio" name="smena" id="smena4" value="Нет ">Нет </label></p>
<p><label><input type="radio" name="smena" id="smena5" value="Скорее нет">Скорее нет</label></p>
<p id="red12">Все поля обязательны для заполнения</p>
<input type="submit" class="bot" id="bot_12" name="submit_1_4" value="Дальше">
</div>
...
<div id="block_18">
<h3>Вы не пользуетесь ИТ-аутсорсингом потому что:</h3>
<p><label><input type="checkbox" name="nosort_1" id="nosort1" value="Они не смогут корректно проконсультировать">Они не смогут корректно проконсультировать</label></p>
<p><label><input type="checkbox" name="nosort_2" id="nosort2" value="Будут долго решать проблему">Будут долго решать проблему</label></p>
<p><label><input type="checkbox" name="nosort_3" id="nosort3" value="Дорого">Дорого</label></p>
<p><label><input type="checkbox" name="nosort_4" id="nosort4" value="Переживаем за сохранность данных">Переживаем за сохранность данных</label></p>
<p><label><input type="checkbox" name="nosort_5" id="nosort5" value="Был негативный опыт">Был негативный опыт</label></p>
<p><label>Свой вариант: <input size="35" name="nosort_6" type="text" id="nosort6"></label></p>
<p id="red18">Все поля обязательны для заполнения</p>
<input type="submit" class="bot" id="bot_18" name="submit_2" value="Дальше">
</div>
...
<div id="block_22">
<h3>Оцените рынок ИТ-аутсорсинга в Вашем регионе:</h3>
<p><label><input type="radio" name="rinok" id="rinok1" value="Развит слабо">Развит слабо</label></p>
<p><label><input type="radio" name="rinok" id="rinok2" value="Развит достаточно">Развит достаточно</label></p>
<p><label><input type="radio" name="rinok" id="rinok3" value="Хорошо развит">Хорошо развит</label></p>
<p id="red22">Все поля обязательны для заполнения</p>
<input type="submit" class="bot" id="bot_22" name="submit_3" value="Дальше">
</div>
...
</form>