Отправка формы после ajax проверки
Здравствуйте.
Есть форма, при отправке которой отсылается ajax запрос. Проблема в том, что либо обрабатывается форма, либо отсылается ajax. Одновременно никак не хочет работать. Сейчас сделал так: есть переменная sendAjax = true в начале, и если sendAjax = true то отправка формы блокируется preventDefault, идет отправка ajax. После завершения ajax меняем sendAjax = false и инициируем опять отправку формы через $('#myform').submit(), таким образом, при sendAjax = false уже должна была бы отправляться форма, а ajax нет. Однако этого не происходит. Видимо не успевает пменяться переменная или хз что. Но при повторном клике оправки формы отправляется уже именно форма. Как сделать, чтобы отправлялся ajax, и после его выполнения и сама форма выполнялась? |
После проверки и ОК результата, отправлять форму .submit(), при этом если обработчик проверки установлен на событие onsubmit, то отключить обработку этого события.
|
после ОК результата отправляю .submit(), но обработчик проверки onsubmit не отключал.
сделал после ОК результата $('#myform').unbind(); $('#myform').submit(); все равно не работает |
проследил, когда после ОК ответа идет на форму, $("#myform").submit() ничего не происходит, и код дальше не выполняется...
в чем может быть причина? |
Цитата:
$('#myform').on('submit', .....) и $('#myform').off('submit', ....); после ответа сервера, это разве объяснения требует? |
переделал
$("#myform").on("submit", function() { функция проверки и вызова функции ajax}); на ОК ответе от ajax ставлю $("#myform").off("submit"); $("#myform").submit(); так? ничего не происходит |
<?php
if($_POST) {
if($_POST['ajx']) exit('Y');
else print_r($_POST);
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
$('form').on('submit', function(e) {
e.preventDefault();
$.post(location, $(this).serialize()+'&ajx=1', function(d) {
if(!!d) {
alert(d);
$('form').off('submit').submit()
}
})
})
});
</script>
</head>
<body>
<form method="post">
<input name="a" value="2" />
<button>GO</button>
</form>
</body>
</html>
Работает? |
ваш пример работает.
еще покопался, оказалось, форма может иметь разные поля, которые подгружаются сторонним сриптом. в итоге, обработчик на форму вешается так:
$(document).ready(function(){
formCheck();
});
$(document).ajaxComplete(function() {
formCheck();
});
function formCheck(){
$('#myform').on('submit', function(event){
....
это как-то неправильно, да? но иначе форма не видится после подгрузки полей. даже если поля не подгружали, без #(document).ready... все равно не видится... Как было бы правильно сделать в данном случае, чтобы форма виделась после загрузки и дозагрузки страницы? пробовал вешать $(document).on('submit', '#myform', function(){}) но так не работает, при чем в ff пишет что на форме висит обработчик, в опере не висит, и в обоих случаях ничего не происходит + может из-за такой конструкции не работает off() и тд что хотелось бы? (ваш пример работает, но у меня такая конструкция на моей форме не работает...) |
запихнул ajax внутрь обработки формы, а не отдельной функцией, и назначил обработчики как
$(document).ready(function(){
$('#myform').on('submit', function(event){formCheck(event); event.preventDefault();});
})
и все заработало спасибо большущее за уделенное время :) |
вновь по этой теме возникла проблема.
сайт, где это делается, использует jquery 1.8.3 у меня данный способ работает только если подключать jquery 1.9.0 (по крайней мерее после ее подключения работает). Загвоздка в том, что поля формы обрабатываются еще скриптом сайта на 1.8.3, и при подключении 1.9.0 частично перестает работать. Подскажите пожалуйста, как можно привести все к одному виду? В чем может быть проблема, что-то устарело, или конфликт? на версии 1.9.0 клик - частично обрабатывается форма, отправляется ajax и отправляется форма на версии 1.8.3 клик - полностью обрабатывается форма, отправляется ajax. Клик еще раз - отправляется форма. (а должно быть все по одному клику) |
| Часовой пояс GMT +3, время: 06:50. |