Форум

ShutTap · #1 (**permalink**) 27.03.2016, 12:51

Здравствуйте.
Есть форма, при отправке которой отсылается ajax запрос.
Проблема в том, что либо обрабатывается форма, либо отсылается ajax. Одновременно никак не хочет работать.
Сейчас сделал так: есть переменная sendAjax = true в начале, и если sendAjax = true то отправка формы блокируется preventDefault, идет отправка ajax. После завершения ajax меняем sendAjax = false и инициируем опять отправку формы через $('#myform').submit(), таким образом, при sendAjax = false уже должна была бы отправляться форма, а ajax нет. Однако этого не происходит. Видимо не успевает пменяться переменная или хз что. Но при повторном клике оправки формы отправляется уже именно форма.
Как сделать, чтобы отправлялся ajax, и после его выполнения и сама форма выполнялась?

laimas · #2 (**permalink**) 27.03.2016, 12:57

После проверки и ОК результата, отправлять форму .submit(), при этом если обработчик проверки установлен на событие onsubmit, то отключить обработку этого события.

ShutTap · #3 (**permalink**) 27.03.2016, 13:01

после ОК результата отправляю .submit(), но обработчик проверки onsubmit не отключал.
сделал после ОК результата
$('#myform').unbind();
$('#myform').submit();
все равно не работает

ShutTap · #4 (**permalink**) 27.03.2016, 14:14

проследил, когда после ОК ответа идет на форму, $("#myform").submit() ничего не происходит, и код дальше не выполняется...
в чем может быть причина?

laimas · #5 (**permalink**) 27.03.2016, 15:23

Сообщение от ShutTap

но обработчик проверки onsubmit не отключал.

А надо

$('#myform').on('submit', .....)

и

$('#myform').off('submit', ....);

после ответа сервера, это разве объяснения требует?

ShutTap · #6 (**permalink**) 27.03.2016, 16:39

переделал
$("#myform").on("submit", function() { функция проверки и вызова функции ajax});

на ОК ответе от ajax ставлю
$("#myform").off("submit");
$("#myform").submit();

так?
ничего не происходит

laimas · #7 (**permalink**) 27.03.2016, 17:14

<?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>

Работает?

ShutTap · #8 (**permalink**) 27.03.2016, 21:36

ваш пример работает.

еще покопался, оказалось, форма может иметь разные поля, которые подгружаются сторонним сриптом.

в итоге, обработчик на форму вешается так:

$(document).ready(function(){
	formCheck();
});

$(document).ajaxComplete(function() {
	formCheck();
});

function formCheck(){
$('#myform').on('submit', function(event){

....

это как-то неправильно, да?
но иначе форма не видится после подгрузки полей. даже если поля не подгружали, без #(document).ready... все равно не видится...
Как было бы правильно сделать в данном случае, чтобы форма виделась после загрузки и дозагрузки страницы?
пробовал вешать
$(document).on('submit', '#myform', function(){}) но так не работает, при чем в ff пишет что на форме висит обработчик, в опере не висит, и в обоих случаях ничего не происходит

+ может из-за такой конструкции не работает off() и тд что хотелось бы? (ваш пример работает, но у меня такая конструкция на моей форме не работает...)

ShutTap · #9 (**permalink**) 27.03.2016, 23:20

запихнул ajax внутрь обработки формы, а не отдельной функцией, и назначил обработчики как

$(document).ready(function(){
$('#myform').on('submit', function(event){formCheck(event); event.preventDefault();});
})

и все заработало
спасибо большущее за уделенное время

ShutTap · #10 (**permalink**) 06.04.2016, 11:56

вновь по этой теме возникла проблема.
сайт, где это делается, использует jquery 1.8.3
у меня данный способ работает только если подключать jquery 1.9.0 (по крайней мерее после ее подключения работает).
Загвоздка в том, что поля формы обрабатываются еще скриптом сайта на 1.8.3, и при подключении 1.9.0 частично перестает работать.
Подскажите пожалуйста, как можно привести все к одному виду? В чем может быть проблема, что-то устарело, или конфликт?

на версии 1.9.0 клик - частично обрабатывается форма, отправляется ajax и отправляется форма
на версии 1.8.3 клик - полностью обрабатывается форма, отправляется ajax. Клик еще раз - отправляется форма.
(а должно быть все по одному клику)

Форум

Справочник

Discord чат

Курсы javascript