I'm having a problem with with jQuery validate.
I'm validating multiple forms using this:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript">
$().ready(function() {
// validate info requests
$("#moreinfo").validate({
rules: {
name: "required",
telephone: "required",
areaofinterest: "required",
company: "required",
enquiry: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please enter your name",
telephone: "Please enter your telephone number",
email: "Please enter a valid email address",
company: "Please enter your company name",
areaofinterest: "Please select your area of interest",
enquiry: "Please enter your enquiry"
}
});
// validate contact form
$("#contactform").validate({
rules: {
name: "required",
message: "required",
company: "required",
areaofinterest: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please enter your name",
email: "Please enter a valid email address",
areaofinterest: "Please select your area of interest",
company: "Please enter your company name",
message: "Please enter a brief message"
}
});
// validate staff email download
$("#email-download").validate({
rules: {
customerfirstname: "required",
customerlastname: "required",
customeremail: {
required: true,
email: true
}
},
messages: {
customerfirstname: "Required",
customerlastname: "Required",
customeremail: "Valid Email Required"
}
});
// validate staff email download
$("#customer-download").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
email: true
}
},
messages: {
firstname: "Required",
lastname: "Required",
email: "Valid Email Required"
}
});
});
</script>
I need another form so added #newsletter-form like this:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript">
$().ready(function() {
// validate newsletter subscribe form
$("#newsletter-form").validate({
rules: {
cm-name: "required",
cm-area-of-interest[]: "required",
cm-email: {
required: true,
email: true
}
},
messages: {
cm-name: "Required",
cm-area-of-interest[]: "Required",
cm-email: "Valid Email Required"
}
});
// validate info requests
$("#moreinfo").validate({
rules: {
name: "required",
telephone: "required",
areaofinterest: "required",
company: "required",
enquiry: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please enter your name",
telephone: "Please enter your telephone number",
email: "Please enter a valid email address",
company: "Please enter your company name",
areaofinterest: "Please select your area of interest",
enquiry: "Please enter your enquiry"
}
});
// validate contact form
$("#contactform").validate({
rules: {
name: "required",
message: "required",
company: "required",
areaofinterest: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please enter your name",
email: "Please enter a valid email address",
areaofinterest: "Please select your area of interest",
company: "Please enter your company name",
message: "Please enter a brief message"
}
});
// validate staff email download
$("#email-download").validate({
rules: {
customerfirstname: "required",
customerlastname: "required",
customeremail: {
required: true,
email: true
}
},
messages: {
customerfirstname: "Required",
customerlastname: "Required",
customeremail: "Valid Email Required"
}
});
// validate staff email download
$("#customer-download").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
email: true
}
},
messages: {
firstname: "Required",
lastname: "Required",
email: "Valid Email Required"
}
});
});
</script>
but that stops all forms validating. The forms are all on separate pages too, none on the same page as another.
I can't spot any errors, can anyone help?