Функция jQuery для проверки наличия адреса электронной почты

Question

У меня очень ограниченный опыт jQuery, и мне было интересно, можете ли вы помочь мне с функцией, которая должна проверять с помощью запроса AJAX, если существует адрес электронной почты.

До сих пор у меня этот кусок кода для проверки электронной почты:

$('input#email').bind('blur', function() { 
    $.ajax({ 
     url: 'ajax/email.php', 
     type: 'GET', 
     data: 'email=' + $('input#email').val(), 
     cache: false, 
     success: function (html) { 
      if (html == 1) alert('Email exists!'); 
     } 
    }); 
}); 

Как я могу сделать функцию из этого и использовать его как это:

if (!email_exists($('input#email').val())) { 
    $('#error_email').text('Email exists').show(); 
    return false; 
} 

Мой PHP код выглядит следующим образом это:

$email = ($_GET['email']) ? $_GET['email'] : $_POST['email']; 

$query = "SELECT `id` FROM `users` \n"."WHERE `users`.`email` = '".mysql_real_escape_string($email)."'"; 
$result = mysql_query($query); 

if (mysql_num_rows($result) > 0) { 
    echo '1'; 
} else { 
    echo '0'; 
} 

спасибо.

Answer 1

Если вы действительно должны иметь ответ возвращается из функции синхронно, вы можете использовать синхронный XMLHttpRequest вместо обычного асинхронного одного («A» в AJAX):

function email_exists(email) { 
    var result= null; 
    $.ajax({ 
     url: 'ajax/email.php', 
     data: {email: email}, 
     cache: false, 
     async: false, // boo! 
     success: function(data) { 
      result= data; 
     } 
    }); 
    return result=='1'; 
} 

Однако это сильно обескуражен, так как он заставит браузера повесить трубку, пока он ждет ответа, что довольно недружелюбно.

(нб: также, передать объект data, чтобы JQuery справиться с форматированием для вас В противном случае, вам нужно будет сделать 'email='+encodeURIComponent(email) явно.).

Вы не можете иметь функцию, которая синхронно возвращающую значение из асинхронного действия или наоборот (для этого вам понадобятся потоки или совместные подпрограммы, а в JavaScript нет). Вместо этого включите асинхронное программирование и верните результат обратно в обратный вызов:

$('#email').bind('change', function() { 
    check_email($('#email').val(), function(exists) { 
     if (exists) 
      $('#error_email').text('Email exists').show(); 
    }); 
}); 

function check_email(email, callback) { 
    $.ajax({ 
     url: 'ajax/email.php', 
     data: {email: email}, 
     cache: false, 
     success: function(data) { 
      callback(data=='1'); 
     } 
    }); 
} 

Answer 2

Вы уже сделали это «функцией», присоединив его к событию размытия вашего ввода. Я бы просто

success: function(html) { 
    if (html == 1) 
    $('#error_email').text('Email exists').show(); 
    else 
    $('#error_email').hide(); 
}