1. //calling colorbox
  2. $(document).ready(function() {
  3. $("#feedback-form").validate({
  4. rules: {
  5. clientFirstName: "required",
  6. clientLastName: "required",
  7. clientEmail: {
  8. required: true,
  9. minlength: 2,
  10. remote: "users.php"
  11. },
  12. password_confirm: {
  13. required: true,
  14. minlength: 5,
  15. equalTo: "#password"
  16. },
  17. clientEmail: {
  18. required: true,
  19. email: true,
  20. },
  21. clientPhone: {
  22. required: true,
  23. minlength: 10,
  24. digits: true,
  25. },
  26. clientCountry: "required",
  27. clientState: "required",
  28. clientInterest: "required"
  29. },
  30. messages: {
  31. clientFirstName: "Please provide your First Name.<br>",
  32. clientLastName: "Please provide your Last Name.<br>",
  33. clientEmail: "Please provide a valid Email Address.<br>",
  34. clientPhone: "Please provide a valid Phone Number.<br>",
  35. clientCountry: "Please provide your Country.<br>",
  36. clientState: "Please provide your State.<br>",
  37. clientInterest: "Please provide your interest in VirTra.<br>",
  38. },
  39. // the errorPlacement has to take the table layout into account
  40. errorPlacement: function(error, element) {
  41. error.appendTo('#errors'); }
  42.  
  43. });
  44. });
  45. $(".example8").colorbox({width:"50%", inline:true, href:"#errors"});