jQuery validation is not working in the code I have used to validate the form.
I used PureMVC and in the index.html file the contact.html file loaded from ajax request. If I make a javascript alert on the button click then I can see them but they not make any validation on the click of button
$("#contactUsSubmit").live('click', function() {
$("#contactForm").validate({
errorLabelContainer: $("#contactAlert ul"),
rules: {
contactName: {
required: true,
minlength: 6
}
}
});
});
Do someone know what kind of thing I have done wrong in this code. #contactname is Id of contactName
I think it is not working for you probably because you must have name elements on your form fields. Looking at this PUREMVC example it doesn't have names for the field elements.
EDIT url pasted below as the editor had problems with it
There is no reason why this code wouldn't work, note you will have to call valid() to see any error messages immediately.
$("#contactUsSubmit").live('click', function() {
$("#contactForm").validate({
errorLabelContainer: $("#contactAlert ul"),
rules: {
contactName: {
required: true,
minlength: 6
}
}
});
// call valid to see errors
$("#contactForm").valid();
});