validate not working in ie 10

validate not working in ie 10

I feel like an idiot asking this but I haven't been able to find a similar problem yet I know someone must have run into this.  So I know that I'm not searching for the right terms.

OK, here's my dilemma. The code below works fine on IE 7 and IE 8, yet it does not work on IE 10.
And of course, it works fine on Firefox and Chrome.

I migrated from jquery.validate v.1.11.0 to v.1.11.1 but no luck.
Also, I'm using jquery v.1.7.2

Thanks,
Peter T

  2. <div id="forms">

  4. <script type="text/javascript">
  5. //validation
  6.                 $.metadata.setType("attr", "validate");
  7.                 $(document).ready(function(){ 
  8. $("#freeform").validate({
  9. rules : {
  10. email: { required : true,email:true },
  11. comments : { required : true }
  12. },
  13. messages:{
  14. email:
  15. {
  16. required: "Please enter a valid email address."
  17. }
  18. }
  19. }); 
  20.                 });
  21. // Validate Phone Number
  22. $(document).ready(function() {
  23. $.mask.definitions['~']='[+-]';
  24. $('#phone1').mask("999-999-9999");
  25.         //$("#internationalPhone1").mask("+999-999-999-9999");
  26. });
  27. </script>


  30. {exp:freeform:form
  31.    form:action="https://www.mydomain.com/index.php/"
  32.    collection="Contact Us"
  33.    return="/thank_you/contact"
  34.    notify="me@mydomain.com"
  35.    template="contact_notify"
  36.    send_user_email="yes"
  37.    user_email_template="contact_confirm"
  38. }
  39. <fieldset>
  40. <fieldset>
  41. <p><label for="name">Your Name:<span class="required">* </span></label>
  42. <input type="text" name="name" id="name" class="required" /></p>
  43.  
  44. <p><label for="phone1">Your Phone:<span class="required">* </span></label>
  45. <input type="text" name="phone1" id="phone1" class="required" /></p>  
  46.  
  47. <p><label for="email">Your Email:<span class="required">* </span></label>
  48. <input type="text" class="{validate:{required:true}}" name="email" id="email"></p>   

  50. <p><label for="comments">Your Comments:<span class="required">* </span></label>
  51. <textarea name="comments" id="comments" cols="45" rows="5" class="{validate:{required:true}}"></textarea></p>
  52. </fieldset>  
  53. <fieldset>
  54. {if captcha}
  55. <p><label for="captcha">Please answer the question below.  This is to ensure that this form is submitted by a person rather than a robot.<span class="required">* </span><br />
  56. {captcha}</label>
  57. <input type="text" name="captcha" value="" id="captcha" class="required" /></p>
  58. {/if}
  59. </fieldset>
  61. <p><span class="form_submit">
  62.         <input type="submit" name="submit" value="Submit" />
  63.         </span></p>
  64. </fieldset>
  65. {/exp:freeform:form}

  67. </div>