2016-05-01 9 views
0

データベースからユーザー名と電子メールを確認する必要があり、そのためにajaxリクエストを送信する必要があります。 はこれまでのところ、検証のために、私はこのクラス関数内でajaxリクエストを送信する方法

var handleRegister= function() { 
$('.register-form').validate({ 
      errorElement: 'span', //default input error message container 
      errorClass: 'help-block', // default input error message class 
      focusInvalid: false, // do not focus the last invalid input 
      ignore: "", 
      rules: { 

       fullname: { 
        required: true 
       }, 
       email: { 
        required: true, 
        email: true 
       }, 
       confirm_email:{ 
        required: true, 
        equalTo: "#email", 
       }, 
       address: { 
        required: true 
       }, 
       city: { 
        required: true 
       }, 
       country: { 
        required: true 
       }, 

       username: { 
        required: true, 

       }, 
       password: { 
        required: true 
       }, 
       rpassword: { 
        equalTo: "#register_password" 
       }, 

       tnc: { 
        required: true 
       }, 
       day: { 
        required: true 
       }, 
       year: { 
        required: true 
       } 
      }, 

      messages: { // custom messages for radio buttons and checkboxes 
       tnc: { 
        required: "Please accept TNC first." 
       } 
      }, 

      invalidHandler: function(event, validator) { //display error alert on form submit 

      }, 

      highlight: function(element) { // hightlight error inputs 
       $(element) 
        .closest('.form-group').addClass('has-error'); // set error class to the control group 
      }, 

      success: function(label) { 
       label.closest('.form-group').removeClass('has-error'); 
       label.remove(); 
      }, 

      errorPlacement: function(error, element) { 
       if (element.attr("name") == "tnc") { // insert checkbox errors after the container     
        error.insertAfter($('#register_tnc_error')); 
       } else if (element.closest('.input-icon').size() === 1) { 
        error.insertAfter(element.closest('.input-icon')); 
       } else { 
        error.insertAfter(element); 
       } 
      }, 

      submitHandler: function(form) { 
       form.submit(); 
      } 
     }); 
} 

を行っている私はJqueryを使用してajaxリクエストを送信する方法を知って、私の質問は、私は、要求を送信し、上記の関数ではこれらの2つのフィールド

のための検証を設定することができる方法です
username: { 
        required: true, 

       }, 
email: { 
        required: true, 
        email: true 
       }, 
+0

この情報は役に立ちました:http://stackoverflow.com/questions/11469616/jquery-form-validation-before-ajax-submit –

+0

Nops、すでに見ています – baig772

答えて

1

Validate library APIは必要な機能をサポートしていません。

唯一の方法は、(あなたはまだこの機能が必要な場合)によって機能を追加し、ライブラリのソースをフォークすることでそれを行うには

$('.email-field').on('blur', function(e) { 
    var valueToValidate = e.target.value; 
    $.get('/validate/email', {value: valueToValidate},function(data){ 
     if(data.result === false){ 
      $('.invalid-email').show(); 
     } else { 
      $('.invalid-email').hide(); 
     } 
    }); 
}) 
のように、

長い道を、私は単にそれを手動で行うさについて考えることができ、それを行うにはあなた自身がメインリポジトリにリクエストしてください。

関連する問題