jquery 호출 양식 유효성 검사가 완료된 후 ajax 제출

Question

양식이 있고 j Query validate 플러그인을 사용하여 양식의 유효성을 검사하고 있습니다. 유효성 검사 완료 후 양식 제출을 위해 아약스 코드를 호출하고 싶습니다.

어떻게 작업을 수행합니다

// CALL THE postform code if the form validation is complete? 
// THIS IS THE FORM VALIDATION CODE 
    $(document).ready(function() { 
    $("#myForm").validate({ 
     rules: { 
      password: "required", 
     password_confirm: { 
     equalTo: "#password" 
     }     
     }     
    }); 
    }); 


// THIS IS THE AJAX FORM SUBMISSION CODE 
// I WANT THIS CODE EXECUTED IF CODE ABOVE IS OK 
function postform() 
{ 
    dataString = $("#myForm").serialize(); 
    $.ajax({ 
     url: 'https:/www.someothersite.com'+dataString, 
     type: 'GET', 
     dataType: 'html', 
     timeout: 9000, 
     error: function(){ 
      alert('Error posting to other site'); 
     }, 
     success: function(html){ 
      window.location.href="http://www.mysite.com/?action=success"; 
     } 
    }); 
    return false; 
} 

Answer 1

이 방법이 유용 할 것입니다.

$(document).ready(function() { 

    $('#myForm').validate({ 
     rules: { 
      password: 'required' 
     }, 
     password_confirm: { 
      equal_to: 'password' 
     }, 
     submitHandler: function() { 
      var dataString = $(this).serialize(); 

      $.ajax({ 
       url: 'https://www.someothersite.com' + dataString, 
       type: 'GET', 
       dataType: 'html', 
       timeout: 9000, 
       error: function() { 
        alert('Error posting to other site'); 
       }, 
       success: function(html) { 
        window.location.href = 'https://www.mysite.com/?action=success'; 
       } 
      }); 
     } 
    }); 

}); 

Answer 2

그것은 바로 거기 documentation에서입니다.

$("#myForm").validate({ 
    submitHandler: function(form) { 
     postForm(); 
    } 
})