Jquery Form Plugin Breaking in IE

Jquery Form Plugin Breaking in IE

Hello all,

I'm trying to implement the jquery form plugin for a client. The form is working in Chrome, but in IE(11) it's not working. 

I've looked through the core as much as i can but can't seem to figure it out.

HTML:
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Agent Submission Form For Auto Glass Repair &amp; Replacement</title>
  7. <link href="css/layout.css" type="text/css" rel="stylesheet" media="screen" />
  8. <link href="css/form.css" type="text/css" rel="stylesheet" media="all" />
  9. </head>
  10. <body>
  11.         <form role="ajaxExample" method="post" action="" enctype="multipart/form-data" id="agents">
  12.                   <div id="response"></div>
  13.           <table cellpadding="2" cellspacing="3">
  14.           <tr>
  15.             <td><strong>Customer Information:</strong></td>
  16.               <td>&nbsp;</td>
  17.               <td><strong>Vehicle Information:</strong></td>
  18.               <td>&nbsp;</td>
  19.             </tr>
  20.           <tr>
  21.             <td>
  22.             <label for="name">Name:</label>
  23.               </td>
  24.               <td>
  25.            <input type="text" name="cusName" id="cusName" tabindex="1">
  26.               </td>
  27.               <td><label for="year">Year:</label></td>
  28.               <td>
  29.               <select name="year" id="year" tabindex="9">
  30.                   <option value="">Select Year...</option>
  31. <?php
  32.                   for ($x = date("Y") + 1; $x >= 1962; $x--)  
  33.                   {

  35.                       echo '<option value="'.$x.'"'.'>'.$x."</option>";

  37.                   }
  38. ?>                  
  39.               </select>
  40.               </td>
  41.             </tr>
  42.             <tr>
  43.             <td><label for="address">Address:</label></td>
  44.               <td><input type="text" name="cusAddress" id="cusAddress" tabindex="2" /></td>
  45.               <td><label for="make">Make:</label></td>
  46.               <td><input type="text" name="make" id="make" tabindex="10" /></td>
  47.             </tr>
  48.             <tr>
  49.             <td><label for="city">City:</label></td>
  50.               <td><input type="text" name="city" id="city" tabindex="3" /></td>
  51.               <td><label for="model">Model:</label></td>
  52.               <td><input type="text" name="model" id="model" tabindex="11" /></td>
  53.             </tr>
  54.             <tr>
  55.             <td><label for="state">State:</label></td>
  56.               <td><input type="text" name="state" id="state" tabindex="4" /></td>
  57.               <td><label for="bodyStyle">Body Style:</label></td>
  58.               <td>
  59.               <select name="bodyStyle" id="bodyStyle" tabindex="12">
  60.                 <option value="" selected="selected">Select...</option>
  61.                   <option value="2 Door">2 Door</option>
  62.                   <option value="4 Door">4 Door</option>
  63.                   <option value="Wagon">Wagon</option>
  64.                   <option value="Hatchback">Hatchback</option>
  65.                   <option value="Other">Other</option>
  66.                 </select>
  67.               </td>
  68.             </tr>
  69.             <tr>
  70.             <td><label for="zip">Zip Code:</label></td>
  71.               <td><input type="text" name="zip" id="zip" tabindex="5" /></td>
  72.               <td><label for="vin">VIN Number:</label></td>
  73.               <td><input type="text" name="vin" id="vin" maxlength="17" tabindex="13" /></td>
  74.             </tr>
  75.             <tr>
  76.             <td><label for="homePhone">Home Phone:</label></td>
  77.               <td><input type="text" name="homePhone" id="homePhone" tabindex="6" /></td>
  78.               <td><label for="damagedGlass">Damaged Glass:</label></td>
  79.               <td><input type="text" name="damagedGlass" id="damagedGlass" tabindex="14" /></td>
  80.             </tr>
  81.             <tr>
  82.             <td><label for="workPhone">Work Phone:</label></td>
  83.               <td><input type="text" name="workPhone" id="workPhone" tabindex="7" /></td>
  84.               <td></td>
  85.               <td></td>
  86.             </tr>
  87.             <tr>
  88.             <td><label for="cellPhone">Cell Phone:</label></td>
  89.               <td><input type="text" name="cellPhone" id="cellPhone" tabindex="8" /></td>
  90.               <td></td>
  91.               <td></td>
  92.             </tr>
  93.             <tr>
  94.             <td colspan="4">&nbsp;</td>
  95.             </tr>
  96.             <tr>
  97.             <td><strong>Insurance Information:</strong></td>
  98.               <td></td>
  99.               <td></td>
  100.               <td></td>
  101.             </tr>
  102.             <tr>
  103.             <td><label for="insCompany">Ins. Company:</label></td>
  104.               <td><input type="text" name="insCompany" id="insCompany" tabindex="15" /></td>
  105.               <td><label for="agency">Agency</label></td>
  106.               <td><input type="text" name="agency" id="agency" tabindex="20" /></td>
  107.             </tr>
  108.             <tr>
  109.             <td><label for="policy">Policy#:</label></td>
  110.               <td><input type="text" name="policy" id="policy" tabindex="16" /></td>
  111.               <td><label for="sentBy">Sent By:</label></td>
  112.               <td><input type="text" name="sentBy" id="sentBy" tabindex="21" /></td>
  113.             </tr>
  114.             <tr>
  115.             <td><label for="compCoverage">Comp. Coverage:</label></td>
  116.               <td><input type="radio" name="compCoverage" id="compCoverage" value="YES" tabindex="17" />&nbsp;Yes&nbsp;&nbsp;&nbsp;<input type="radio" name="compCoverage" id="compCoverage" tabindex="18" />&nbsp;No</td>
  117.               <td><label for="deductible">Deductible:</label></td>
  118.               <td><input type="text" name="deductible" id="deductible" tabindex="22" /></td>
  119.             </tr>
  120.             <tr>
  121.             <td><label for="dateOfLoss">Date Of Loss:</label></td>
  122.               <td><input type="text" name="dateOfLoss" id="dateOfLoss" tabindex="19" /></td>
  123.               <td><label for="causeOfLoss">Cause Of Loss</label></td>
  124.               <td><input type="text" name="causeOfLoss" id="causeOfLoss" tabindex="23" /></td>
  125.             </tr>
  126.             <tr>
  127.             <td colspan="4">&nbsp;</td>
  128.             </tr>
  129.             <tr>
  130.             <td colspan="4">&nbsp;</td>
  131.             </tr>
  132.             <tr>
  133.               <td colspan="2" align="right"><label for="replyEmail">Reply Email Address:</label></td>
  134.               <td colspan="2"><input type="text" name="replyEmail" id="replyEmail" tabindex="24" /></td>
  135.             </tr>
  136.             <tr>
  137.             <td colspan="4">&nbsp;</td>
  138.             </tr>
  139.             <tr>
  140.             <td colspan="4">&nbsp;</td>
  141.             </tr>
  142.             <tr>
  143.             <td colspan="2"><label for="specialInstructions">Are There Any Special Instructions?</label></td>
  144.               <td colspan="2"><textarea name="specialInstructions" id="specialInstructions" cols="38" rows="6" tabindex="25"></textarea></td>
  145.             </tr>
  146.             <tr>
  147.             <td colspan="4">&nbsp;</td>
  148.             </tr>
  149.             <tr>
  150.             <td colspan="2" align="right">Anti-spam... Please Solve The Math Problem:</td>
  151.               <td colspan="2">
  152. <?php
  153. $a = rand(1, 10);
  154. $b = rand(1, 10);
  155. echo $a." + ".$b." = ?";
  156. ?>
  157.                     <input type="hidden" value="<?php echo $a;?>" name="value1" />
  158.                     <input type="hidden" value="<?php echo $b;?>" name="value2" /> </td>
  159.             </tr>
  160.             <tr>
  161.               <td>&nbsp;</td>
  162.               <td>&nbsp;</td>
  163.               <td colspan="2"><input type="text" name="answer" value="what's the result?" onclick="this.value=''" tabindex="26" /></td>
  164.             </tr>
  165.             <tr>
  166.             <td colspan="4">&nbsp;</td>
  167.             </tr>
  168.             <tr>
  169.             <td colspan="2"><input type="hidden" name="honeypot" id="honeypot" value="http://"></td>
  170.               <td colspan="2"><input type="hidden" name="humancheck" id="humanCheck" class="clear" value=""></td>
  171.             </tr>
  172.             <tr>
  173.             <td colspan="4">&nbsp;</td>
  174.             </tr>
  175.             <tr>
  176.             <td colspan="4" align="center"><button type="submit" name="submit" id="submit" tabindex="27">Submit Claim</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" name="reset" value="Reset Form" tabindex="28" /></td>
  177.             </tr>
  178.           </table>
  179.           <div id="response"></div>
  180.       </form>
  181. </body>
  182. <script src="js/jquery.min.js" type="text/javascript"></script>
  183. <script src="js/ajax_submit.js" type="text/javascript"></script>

  185. </html>
PHP
  2. <?php 
  3. sleep(.5);
  4. //Sanitize incoming data and store in variable

  6. //customer info
  7. $name = trim(stripslashes(htmlspecialchars($_POST['cusName'])));  
  8. $address = trim(stripslashes(htmlspecialchars($_POST['cusAddress'])));
  9. $city = trim(stripslashes(htmlspecialchars($_POST['city'])));
  10. $state = trim(stripslashes(htmlspecialchars($_POST['state'])));
  11. $zip = trim(stripslashes(htmlspecialchars($_POST['zip'])));
  12. $homePhone = trim(stripslashes(htmlspecialchars($_POST['homePhone'])));
  13. $homePhoneLink = preg_replace('/\D+/', '', $homePhone);
  14. $workPhone = trim(stripslashes(htmlspecialchars($_POST['workPhone'])));
  15. $workPhoneLink = preg_replace('/\D+/', '', $workPhone);
  16. $cellPhone = trim(stripslashes(htmlspecialchars($_POST['cellPhone'])));
  17. $cellPhoneLink = preg_replace('/\D+/', '', $cellPhone);

  19. //vehicle info
  20. $year = trim(stripslashes(htmlspecialchars($_POST['year'])));
  21. $make = trim(stripslashes(htmlspecialchars($_POST['make'])));
  22. $model = trim(stripslashes(htmlspecialchars($_POST['model'])));
  23. $bodyStyle = trim(stripslashes(htmlspecialchars($_POST['bodyStyle'])));
  24. $vin = trim(stripslashes(htmlspecialchars($_POST['vin'])));
  25. $damagedGlass = trim(stripslashes(htmlspecialchars($_POST['damagedGlass'])));

  27. //insurance info
  28. $insCompany = trim(stripslashes(htmlspecialchars($_POST['insCompany'])));
  29. $agency = trim(stripslashes(htmlspecialchars($_POST['agency'])));
  30. $policy = trim(stripslashes(htmlspecialchars($_POST['policy'])));
  31. $sentBy = trim(stripslashes(htmlspecialchars($_POST['sentBy'])));
  32. $compCoverage = trim(stripslashes(htmlspecialchars($_POST['compCoverage'])));
  33. $deductible = trim(stripslashes(htmlspecialchars($_POST['deductible'])));
  34. $dateOfLoss = trim(stripslashes(htmlspecialchars($_POST['dateOfLoss'])));
  35. $causeOfLoss = trim(stripslashes(htmlspecialchars($_POST['causeOfLoss'])));
  36. $replyEmail = trim(stripslashes(htmlspecialchars($_POST['replyEmail'])));
  37. $specialInstructions = trim(stripslashes(htmlspecialchars($_POST['specialInstructions'])));

  39. //spam filters
  40. $humancheck = $_POST['humancheck'];
  41. $honeypot = $_POST['honeypot'];
  42. $answer = $_POST['answer'];
  43. $c = $_POST['value1'] + $_POST['value2'];

  45. if ($honeypot == 'http://' && empty($humancheck)) {
  47. //Validate data and return success or error message
  48. $error_message = '';
  49. $reg_exp = "/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,4}$/";
  52. if (empty($name)) {
  53.    $error_message .= "<p>CUSTOMER NAME IS REQUIRED.</p>";   
  54. }
  56. if ($answer != $c) {
  57. $error_message .= "<p>PLEASE RE-ENTER YOUR SIMPLE MATH ANSWER AND TRY AGAIN.</p>";
  58. }
  60. /*if (empty($address)) {
  61. $error_message .= "<p>Customer address is required.</p>";
  62. }
  63. if (empty($city)) {
  64. $error_message .= "<p>Customer city is required.</p>";
  65. }
  66. if (empty($state)) {
  67. $error_message .= "<p>Customer state is required.</p>";
  68. }
  69. if (empty($zip)) {
  70. $error_message .= "<p>Customer zip is required.</p>";
  71. }
  72. if (empty($homePhone) || empty($workPhone) || empty($cellPhone)) {
  74. $error_message .= "<p>Please provide at least one phone number for the customer.</p>";
  75. }
  76. if (empty($year)) {
  77. $error_message .= "<p>Vehicle year is required.</p>";
  78. }
  79. if (empty($make)) {
  80. $error_message .= "<p>Vehicle make is required.</p>";
  81. }
  82. if (empty($model)) {
  83. $error_message .= "<p>Vehicle model is required.</p>";
  84. }
  85. if (empty($bodyStyle)) {
  86. $error_message .= "<p>Vehicle body style is required.</p>";
  87. }
  88. if (empty($vin)) {
  89. $error_message .= "<p>Vehicle VIN number is required.</p>";
  90. }
  91. if (empty($damagedGlass)) {
  92. $error_message .= "<p>Vehicle\'s damaged glass is required.</p>";
  93. }
  94. if (empty($insCompany)) {
  95. $error_message .= "<p>Insurance company is required.</p>";
  96. }
  97. if (empty($agency)) {
  98. $error_message .= "<p>Insurance agency is required.</p>";
  99. }
  100. if (empty($policy)) {
  101. $error_message .= "<p>Policy number is required.</p>";
  102. }
  103. if (empty($sentBy)) {
  104. $error_message .= "<p>The \"sent by\" field is required.</p>";
  105. }
  106. if (empty($compCoverage)) {
  107. $error_message .= "<p>Comp Coverage is required.</p>";
  108. }
  109. if (empty($deductible)) {
  110. $error_message .= "<p>Deductible ammount is required.</p>";
  111. }
  112. if (empty($dateOfLoss)) {
  113. $error_message .= "<p>Date of loss is required.</p>";
  114. }
  115. if (empty($causeOfLoss)) {
  116. $error_message .= "<p>Cause of loss is required.</p>";
  117. }*/
  118. if (!preg_match($reg_exp, $replyEmail)) {
  119. $error_message .= "<p>A VANILD REPLY EMAIL ADDRESS IS REQUIRED.</p>";   
  120. }
  123. if (!empty($error_message)) {
  124. $return['error'] = true;
  125. $return['msg'] = '<div class="alert alert-danger">'."<h4>OOPS! THE FORM WAS NOT SUBMITTED.</h4>".$error_message;
  126. echo json_encode($return);
  127. exit();
  128. } 
  130. else {
  131. //mail variables
  132. #$to = 'claims@kkglass.com';
  133. $to = 'Jason@mainstreetcomp.com';
  134. $from = $_POST['replyEmail'];
  135. $headers = 'From: '.$from."\r\n";
  136. $headers .= 'MIME-Version: 1.0' . "\r\n";
  137. $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
  138. $subject = "Glass Referral From Website\n";
  140. $body = '<h4>Customer Information</h4>';
  141. $body .= '<p>Name:   '.$name."<br />";
  142. $body .= 'Address: '.$address.'; '.$city.', '.$state.' '.$zip.'<br />';
  143. if(isset ($homePhone) && $homePhone != '') {
  144. $body .= 'Home Phone: '.'<a href="tel:+1'.$homePhoneLink.'">'.$homePhone."</a><br />";
  145. }
  146. if(isset ($workPhone) && $workPhone != '') {
  147. $body .= 'Work Phone: '.'<a href="tel:+1'.$workPhoneLink.'">'.$workPhone."</a><br />";
  148. }
  149. if(isset ($cellPhone) && $cellPhone != '') {
  150. $body .= 'Cell Phone: '.'<a href="tel:+1'.$cellPhoneLink.'">'.$cellPhone."</a><br />";
  151. }
  152. $body .= '</p>';
  154. $body .= '<h4>Vehicle Information</h4>';
  155. $body .= 'Year: '.$year.'<br />';
  156. $body .= 'Make: '.$make.'<br />';
  157. $body .= 'Model: '.$model.'<br />';
  158. $body .= 'Body Style: '.$bodyStyle.'<br />';
  159. $body .= 'VIN: '.$vin.'<br />';
  160. $body .= 'Damaged Glass: '.$damagedGlass.'</p>';
  162. $body .= '<h4>Insurance Information</h4>';
  163. $body .= 'Ins. Company: '.$insCompany.'<br />';
  164. $body .= 'Agency: '.$agency.'<br />';
  165. $body .= 'Policy #'.$policy.'<br />';
  166. $body .= 'Sent By: '.$sentBy.'<br />';
  167. $body .= 'Comp Coverage: '.$compCoverage.'<br />';
  168. $body .= 'Deductible: '.$deductible.'<br />';
  169. $body .= 'Date of Loss: '.$dateOfLoss.'<br />';
  170. $body .= 'Cause of Loss: '.$causeOfLoss.'<br />';
  171. $body .= 'Reply Email: <a href="mailto:'.$replyEmail.'">'.$replyEmail.'</a><br />';
  172. $body .= 'Special Instructions: '.$specialInstructions.'</p>';
  175. //send email and return a message to user
  176. if(mail($to, $subject, $body, $headers)) {
  177. $return['error'] = false;
  178. $return['msg'] = 
  179. '<div class="alert alert-success">'.
  180. "<h4>Thank you for using our form ".$sentBy ."</h4>".
  181. "<p>We'll reply to you at ".$email." as soon as we can.</p>";
  182.  
  183. echo json_encode($return);
  184. }
  185. else {
  187. $return['error'] = true;
  188. $return['msg'] = "<h4>Oops! There was a problem sending the email. Please try again.</h4>";
  189. echo json_encode($return);
  190. }

  192. }
  194. } 
  195. else {
  197. $return['error'] = true;
  198. $return['msg'] = "<h4>Oops! There was a problem with your submission. Please try again.</h4>";
  199. echo json_encode($return);
  200. }
  202. ?> 

and the javascript:

Sorry for just linking the javascript, my post was too long
    Can anyone see what i am missing? I'm pretty new to javascript and nothing is really jumping out at me. Any insight or help is really appreciated!

    Thank you!