I've been attempting to trigger an ajax function once the form is validated, but I'm running into some issues. The jQuery on-submit method below is working perfectly for me.
$('#promotionAdd').on('submit',(function(e) {
e.preventDefault();
var formData = new FormData(this);
promotionAdd(formData);
return false;
}));
However, I'm trying to achieve the same thing in the submitHandler which isn't working for me.
$(document).ready(function () {
$('#promotionAdd').validate({ // initialize the plugin
rules: {
mtitle: {
required: true,
minlength: 3,
}
},
messages: {
mtitle: "Please enter Promotion Title",
},
submitHandler: function (form) { // for demo
//alert(this);
e.preventDefault();
var formData = new FormData(this);
promotionAdd(formData);
return false;
}
});
});
If anyone can provide guidance on where I might be going wrong and how to fix it, I would greatly appreciate it. Thank you!