Плагин проверки JQuery: используйте пользовательский метод Ajax

Question

Если хотите, обратитесь за помощью к Jquery form validation plugin.

Я проверяю поле электронной почты своей формы на размытие, создав ajax-вызов моей базы данных, который проверяет, находится ли текст в поле электронной почты в настоящее время в базе данных.

// Check email validity on Blur 
     $('#sEmail').blur(function(){ 
     // Grab Email From Form 
     var itemValue = $('#sEmail').val(); 
     // Serialise data for ajax processing 
     var emailData = { 
      sEmail: itemValue 
     } 
     // Do Ajax Call 
     $.getJSON('http://localhost:8501/ems/trunk/www/cfcs/admin_user_service.cfc?method=getAdminUserEmail&returnFormat=json&queryformat=column', emailData, function(data){ 

        if (data != false) { 
         var errorMessage = 'This email address has already been registered'; 
        } 
        else { 
         var errorMessage = 'Good' 
        } 
       }) 
    }); 

То, что я хотел бы сделать, это encorporate этот вызов в правилах моего JQuery Validation Plugin ... например

$("#setAdminUser").validate({ 
     rules:{ 
      sEmail: { 
        required: function(){ 
        // Replicate my on blur ajax email call here 
       }     
      }, 
      messages:{ 
       sEmail: { 
        required: "this email already exists"  

      } 
     }); 

Хотите знать, если есть в любом случае достижения этой цели? Большое спасибо

Answer 1

Вы можете добавить метод пользовательской проверки, как этот

$.validator.addMethod('unique', 
        function(value) { 
     $.get('http://localhost:8501/ems/trunk/www/cfcs/admin_user_service.cfc','?method=getAdminUserEmail&returnFormat=json&queryformat=column&emailData='+ value, 
          function(return_data) { 
           return return_data; 
          }) 
         } 
         , "this email already exists" 
        ); 

затем добавить unique класс в поле Электронной почты или вы можете использовать что-то вроде этого

$.validator.addClassRules("unique-email", { 
       unique: true 
      }); 

Answer 2

Попробуйте это:

$.validator.addMethod('unique', 
      function(value) { 
     var result = $.ajax({ 
          async:false, 
          url:"http://yoursamedomain.com/checkemail", 
          data:'email='+ value, 
          dataType:"text" }); 

     if(result .responseText) return true; else return false; 

      } , "This email address has already been registered"); 

Answer 3

Вы выполняете запрос AJAX, ergo: проверка уже завершена когда ваш пользовательский валидатор возвращает true или false.

Вам необходимо будет работать с асинхронным способом. Смотрите также этот пост: How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

Допустит, у нас есть пользовательская проверка, чтобы проверить Unique Mobile, поэтому мы добавим новый метод следующим образом проверить уникальное мировоззрение мобильного телефона:

jQuery.validator.addMethod("uniqueMobile", function(value, element) { 
    var response; 
    $.ajax({ 
     type: "POST", 
     url: <YOUR SERVER SCRIPT/METHOD>, 
     data:"mobile="+value, 
     async:false, 
     success:function(data){ 
      response = data; 
     } 
    }); 
    if(response == 0) 
    { 
     return true; 
    } 
    else if(response == 1) 
    { 
     return false; 
    } 
    else if(response == 'logout') 
    { 
     return false; 
    } 
}, "Mobile is Already Taken"); 

Answer 4

Для стороны сервера проверки AJAX использование remote правило. Это то же самое, что и стандартный объект запроса jQuery AJAX. Ваш сервер должен возвращать строку «true» для допустимого значения или «false» для недопустимого значения, также он может передать некоторую строку «Это письмо уже было принято», и это будет считаться недействительным и отобразится как сообщение об ошибке:

$("#myform").validate({ 
    rules: { 
    email: { 
     required: true, 
     email: true, 
     remote: { 
     url: "check-email.php", 
     type: "post", 
     data: { 
      username: function() { 
      return $("#username").val(); 
      } 
     } 
     } 
    } 
    } 
}); 

Читайте документацию здесь remote-method