Отправить форму через ajax с помощью verify.js

Question

Как я могу отправить форму через AJAX при использовании verify.js? Я хочу verify.js только проверить форму входа в систему:

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

Answer 1

Как Sparky отметил, вы можете выполнить ваш запрос AJAX внутри beforeSubmit обратного вызова. Для того, чтобы положить, что в проспективное, вы могли бы сделать что-то похожее на:

$('#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>