Отменить отправку форм
Как отменить отправку формы
Пробовал так:
$('#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> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
$('form').submit(function (){
alert('No');
return false;
});
});
</script>
</head>
<body>
<form>
<input type='text' />
<input type='submit' value='Send' />
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 17:46. |