Фоновая проверка данных формы перед отправкой

[egreek]

Здравствуйте, столкнулся со следующей проблемой:
Есть форма регистрации, необходимо провести ряд проверок
на правильность ввода, которые производятся ДжаваСкриптом,
а так же проверку емейла, на предмет уже зарегистрированного в БД.
Использую следующий код:

$(document).ready(function(){
		$("#reg-form").submit(function() { 
			var fields = new Array("reg-mail", "reg-pass", "reg-conf");
			var error_code = 0;      
			var email = $("#reg-mail").val();
			if(validEmail(email)){
					$.ajax({
						url:	 'core/mail-check.php',
						type:	 'POST',
						data:  'mail='+email ,
						success: function(response){
								alert(response);
						      if (response!='yes') error_code=5;
						},
						error:  function(xhr){
						    alert('Возникла ошибка:');
							
						}
					});
			}
/* прочие проверки ввода данных */

            if (error_code == 0){
                return true;
            }
            else {
	             ...
                     return false;
            }
            
            
                
        })
    });

Скрипт mail-check.php проверяет наличие в базе электронного адреса,
и если находит, возвращает yes.
Если ошибка возникает в какой-то другой проверке, то все работает
нормально: форма не отправляется, выводятся сообщения об ошибке.
Но если остается только проверка $.ajax, то кидает на error:...
Понятно, что проблема в конфликте с отправкой формы, но до конца ее понять и решить не получается пока. В чем вся соль? Спасибо.

[danik.js]

Ну опять двадцать пять.. Сколько же вас таких.. Ключевое слово - асинхронность... Твой код if (error_code == 0) выполнится еще до того как xhr-запрос завершится, он не будет ждать его завершения.

[egreek]

Ну опять двадцать пять.. Сколько же вас таких.. Ключевое слово - асинхронность... Твой код if (error_code == 0) выполнится еще до того как xhr-запрос завершится, он не будет ждать его завершения.

Да, это в целом понятно. Но факт неработоспособности остается, по идее отправку формы надо засунуть в success:, а остальные проверки где выполнить? Или, может, есть какое-то более правильное и лаконичное решение?

[danik.js]

Отправку формы сразу отменяем через event.preventDefault().
Далее делаем синхронные проверки. Если все ок, делаем проверку email, а в success делаем отправку формы.
В идеале конечно лучше слать сразу все поля, не только email, и если все ок, то тут же произвести предварительную регистрацию и выдать сообщение об успехе. Но это если используется подтверждение по email. Если не используется, то все сложнее и лучше не усложнять.

[egreek]

Отправку формы сразу отменяем через event.preventDefault().
Далее делаем синхронные проверки. Если все ок, делаем проверку email, а в success делаем отправку формы.
В идеале конечно лучше слать сразу все поля, не только email, и если все ок, то тут же произвести предварительную регистрацию и выдать сообщение об успехе. Но это если используется подтверждение по email. Если не используется, то все сложнее и лучше не усложнять.

Спасибо большое, буду пробовать.
Также есть рабочий вариант с "async: false", но наверное решение не очень элегантное?

[danik.js]

Также есть рабочий вариант с "async: false", но наверное решение не очень элегантное?

async:false блокирует поток, при этом UI тоже зависает. Поэтому его и не используют.

[egreek]

danik.js, такое решение верно? или есть потенциальные недостатки?

$(document).ready(function(){
		$("#reg-form").submit(function(e, data) { 
			if (data == 'cansubmit') return true;
			e.preventDefault();
			var fields = $("#reg-form").serialize();
			$.ajax({
								url:	 'core/reg-check.php',
								type:	 'GET',
								data:  fields,
								success: function(response){
                                                //проверка всех полей в reg-check.php и регистрация там же
                                                //если все хорошо, сабмит сразу в cabinet.php
										if (response == 'ok') {
											$('#reg-form').trigger('submit', 'cansubmit');
										}
								},
								error:  function(){
								    alert('Возникла ошибка.');
									return false;
								}
							});
        })
    });