Отмена отправки формы в обработчике внутри AJAX

@Lion_astana · Регистрация: 15.03.2010

Студворк — интернет-сервис помощи студентам

Всем привет!

Не могу понять как сделать вроде бы элементарную весчь:

Есть форма, есть кнопка Отправить:

HTML5
1
<input type='submit'  value=' Отправить ' id='formSubmit'>

Есть в JS валидация очень простенькая (Пример):

JavaScript
1
2
3
4
5
6
        $('#formSubmit').click(function(){       
            if ($("[name='key']").val() == ""){
                alert("Заполните все поля");
                return false;
            }                               
        });

Если указанное поле пустое, отправка не происходит. Все ОК.

Но если внутрь обработчика вставить AJAX запрос, например:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
            $.ajax({
                type: "POST",
                url: 'url.php',
                data: {всякие переменные},
                dataType: "html",
                success: function(data){
                    if(проверка data на наличие условия){ 
                        alert("Ошибка");
                        return false;                   
                    }else{
                        alert("Всё ОК");
                    };
                }
            });

То return false не останавливает отправку, хотя условие верное, alert с ошибкой показывается.

Сможете подсказать, как остановить отпраку формы в моем случае?

@Уф · 04.06.2017, 09:33

так success это уже обработка резултатов при успешном выполнении запроса

JavaScript
1
2
3
4
5
6
7
        $('#formSubmit').click(function(){       
            if ($("[name='key']").val() == ""){
                alert("Заполните все поля");
            } else {
               $.ajax({....
            }                              
        });

@Lion_astana · 04.06.2017, 12:55 **[ТС]**

Уф, я знаю что саксес обрабатывает результат выполнения ajax-а, сам ajax стоит внутри обработчика клика по кнопке, вот так например:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
        $('#formSubmit').click(function(){       
            $.ajax({
                type: "POST",
                url: 'url.php',
                data: {всякие переменные},
                dataType: "html",
                success: function(data){
                    if(проверка data на наличие условия){ 
                        alert("Ошибка");
                        return false;                   
                    }else{
                        alert("Всё ОК");
                    };
                }
            });                             
        });

Как внутри success в моем случае остановить отправку формы?

@Уф · 04.06.2017, 13:38

почему нормальный вариант не хочешь ? который я предложил?
Если хочешь внутри success узнавать, то у тебя условия должен проверять скрипт обработки, и выдавать что это ошибка.
Иными словами - как ты проверишь условие в результате работы скрипта (переменная data) не отправив к нему запрос?

@sad67man · 04.06.2017, 16:14

Lion_astana,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('#myForm').submit(function(e) {
  var form = this;
  e.preventDefault(); //отменяем событие по умолчанию (отправку формы)
  
  $.ajax({
    ...
    success: function(data) {
      if (data !== "ok") {
        alert("Ошибка");
      } else {
        alert("Всё ОК");
        form.submit(); //отправляем форму
      }
    }
  });
});

@fanatikus · 04.06.2017, 22:04

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

$.ajax({
* * ...
* * success: function(data) {
* * * if (data !== "ok") {
* * * * alert("Ошибка");
* * * } else {
* * * * alert("Всё ОК");
* * * * form.submit(); //отправляем форму
* * * }
* * }

нафига тогда вообще аякс, если в итоге, идет обычная отправка формы?

@Lion_astana · 04.06.2017, 23:15 **[ТС]**

sad67man, спасибо!
fanatikus, случаи бывают разные...

@Уф · 05.06.2017, 09:10

да просто у кнопки сделал бы type = button, а не submit, я просто не понял что ты изначально хочешь

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	04.06.2017, 13:38
	почему нормальный вариант не хочешь ? который я предложил? Если хочешь внутри success узнавать, то у тебя условия должен проверять скрипт обработки, и выдавать что это ошибка. Иными словами - как ты проверишь условие в результате работы скрипта (переменная data) не отправив к нему запрос? 0

@Lion_astana 16 / 16 / 8 Регистрация: 15.03.2010 Сообщений: 321
	04.06.2017, 23:15 [ТС]
	sad67man, спасибо! fanatikus, случаи бывают разные... 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	05.06.2017, 09:10
	да просто у кнопки сделал бы type = button, а не submit, я просто не понял что ты изначально хочешь 0

Отмена отправки формы в обработчике внутри AJAX

Решение