<script>
//calling colorbox
$(document).ready(function() {
$("#feedback-form").validate({
rules: {
clientFirstName: "required",
clientLastName: "required",
clientEmail: {
required: true,
minlength: 2,
remote: "users.php"
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
},
clientEmail: {
required: true,
email: true,
},
clientPhone: {
required: true,
minlength: 10,
digits: true,
},
clientCountry: "required",
clientState: "required",
clientInterest: "required"
},
messages: {
clientFirstName: "Please provide your First Name.<br>",
clientLastName: "Please provide your Last Name.<br>",
clientEmail: "Please provide a valid Email Address.<br>",
clientPhone: "Please provide a valid Phone Number.<br>",
clientCountry: "Please provide your Country.<br>",
clientState: "Please provide your State.<br>",
clientInterest: "Please provide your interest in VirTra.<br>",
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
error.appendTo('#errors');
$(".example8").colorbox({width:"50%", inline:true, href:"#errors"});
}
});
});
</script>