Jquery .validate function not working properly.
For the very first time on page load, if the submit button is clicked, nothing is being validated, even though the form inputs are empty. The form gets submitted even though the validate function is called in $(document).ready(function())
i have a form where all the input types are defined in a div name e.g., 'targetListDiv'
$("#saveTargetList").on('click', function(e) {
if (!$("#targetListDiv").validate()) { // Not Valid
return false;
}
$.ajax({
url : 'example.htm',
type: 'POST',
contentType: "application/json; charset=utf-8",
dataType : 'json',
data: JSON.stringify(data),
success: function (text) {
alert(text);
}, error: function(text){
alert(text);
});
always the form gets submitted even if there is an error.
No errors are being displayed to the customer. But if i click on a text box and lets say, the min length is 7, and i enter only 5 characters, then the error is being displayed.
Please let me know if there is a way to prevent this.
Thanks.
