使用verify.js通過ajax提交表單

Question

如何在使用verify.js時通過AJAX提交表單？我想verify.js只能驗證登錄表單：

<form role="form" method="post" id="login" action="auth/login" > 

Answer 1

由於Sparky指出的那樣，你可以執行beforeSubmit回調裏面你的AJAX請求。爲了將它放入前瞻性，你會做類似的東西：

$('#login').verify({ 
    'beforeSubmit': function(form, result) { 
     if (result) { 
      // Since the form is valid, submit form via AJAX. 
      $.ajax(...); 
     } 

     // Form is either invalid or was already submitted, return `false` to tell verify.js to not submit the form. 
     return false; 
    } 
}); 

Answer 2

完整示例

<form id="formulario1" name="formulario1" action="destiny.php" method="POST"> 
<input type="text" name="field" id="field" class="form-control" placeholder="" value="" data-validate="required"> 
<input type="submit" onclick="function_validate_form()">  


</form> 
<script> 
function function_validate_form(){ 
    $('#formulario1').verify({ 
    'beforeSubmit': function(form, result) { 
    if (result) { 
     // Since the form is valid, submit form via AJAX. 
     alert('OK, send ajax'); 

     var formData = $("#formulario1").serializeArray(); 
      var URL = $("#formulario1").attr("action"); 
      $.post(URL, 
       formData, 
       function(data) 
       { 
       console.log(data); 

       },"json") 

       .fail(function(jqXHR, textStatus, errorThrown) 
       { 
       alert("error ajax"); 

       }); 


    }else{ 
     //do nothing 
    } 

    // Form is either invalid or was already submitted, return `false` to tell verify.js to not submit the form. 
    return false; 
} 
}); 
} 
</script> 
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script> 

<script src="plugins/jQueryUI/jquery-ui.min.js"></script> 

<script src="plugins/verify.notify.min.js"></script>