jquery call form ajax submission after validation is complete
I have a form and I'm using the jQuery validate plugin to validate the form. I want to call the ajax code to submit the form after the validation piece is complete.
HOW DO I:
// CALL THE po开发者_开发技巧stform 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;
}
It's right there in the documentation.
$("#myForm").validate({
submitHandler: function(form) {
postForm();
}
})
This should work for you.
$(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';
}
});
}
});
});
精彩评论