jQuery validate before ajaxForm
ajaxform, jquery, validation
Solution
The `beforeSubmit()` function isn't returning anything.
You'll want:
function validator() {
return $("#commentForm").validate();
}
presuming that the `$('#commentForm").validate()` exists and returns true/false correctly.
Problem
I am trying to use the "beforeSubmit" option in the jQuery ajaxForm plugin to validate the data, however the form will submit even if there are invalid form fields. Where have I gone wrong? thanks, ``` $(document).ready(function() { function validator(){ $("#commentForm").validate(); } $('#commentForm').ajaxForm({ dataType: 'json', url: "http://highlandfamilyeyecare.com/contactengine.php", beforeSubmit: validator, success: function(data) { $('ul.form').fadeOut("slow"); $('ul.form').html(data.formula).slideDown('slow');} }); }); ``` And the html: ``` <ul class="form"> <li> <form method="post" action="form.php" id="commentForm"> <label class="white">Your Name</label> <input class="text-input required" type="text" name="name" /></li> <li> <label class="white">Email</label> <input class="text-input required email" type="text" name="email"/></li> <li> <li><input type='submit' value="Submit" /> </form></li> </ul> ```