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