$(document).ready(function () { $('span.required').find('input').addClass('required'); $('#form1').validate({ rules: { txbCnfEmail: { required: true, email: true, equalTo: "#txbEmail" } }, messages: { txbFirstname: "Please enter your First Name", txbLastname: "Please enter your Last Name", txbAddress1: "Please enter your Mailing Address 1", txbSuburb: "Please enter your Suburb", ddlCountry: "Please select your country", txbPostcode: { required: "Please enter your Postcode", number: "Please enter a valid Postcode" }, ddlGender: "Please select your Gender", ddlAge: "Please select your Age", ddlHearFrom: "Please select", txbEmail: { required: "Please enter your Email Address", email: "Please enter a valid Email Address" }, txbCnfEmail: { required: "Please enter a valid Confirm Email Address", email: "Please enter a valid Confirm Email Address", equalTo: "Confirm email address doesn't match the email address" } }, errorLabelContainer: "#error", highlight: function (element, errorClass) { $(element).addClass(errorClass); $("#error").find("label[for=" + element.id + "]") .addClass(errorClass); $(element).prev('label').addClass('error2'); }, unhighlight: function (element, errorClass) { $(element).removeClass(errorClass); $("#error").find("label[for=" + element.id + "]") .removeClass(errorClass).css("display", "none"); $(element).prev('label').removeClass('error2'); } }); });