Field Validation Will Not Work

Field Validation Will Not Work

I'm new to jquery mobile. My form works but none of the fields need to be filled in even though I have javascript validation.  Here is the javascript part. I have it in my header. I believe I'm using jquery 1.3 I tried upgrading to the latest version and it really jacked up everything. I'm too far along to switch now.

  2. <script>
  3. $(document).on( "pageinit", function() {
  4. $('#checkpay checkform').validate({
  5.      rules: {
  6.         dcs1: {
  7.             required: true
  8.         },
  9.         dcs2: {
  10.             required: true
  11.         },
  12.         ckresp: {
  13.             required: true
  14.         },
  15. ckphone: {
  16. required: false
  17. },
  18. ckemail: {
  19.             required: true
  20.         },
  21. ckname: {
  22.             required: true
  23.         },
  24. addr1: {
  25.             required: true
  26.         },
  27. addr2: {
  28. required: false
  29. },
  31. ckcity: {
  32.             required: true
  33.         },
  34. state: {
  35.             required: false
  36.         },
  37. ckzip: {
  38.             required: true
  39.         },
  40. routing: {
  41.             required: true
  42.         },
  43. account1: {
  44.             required: true
  45.         },
  46. account2: {
  47.             required: true
  48.         },
  49. pmtamount: {
  50.             required: true
  51.         },
  52. comment: {
  53. required: false
  54. }
  55.     },
  56.     messages: {
  57.         dcs1: {
  58.             required: "Please enter DCS#."
  59.         },
  60.         dcs2: {
  61.             required: "Please enter DCS#."
  62.         },
  63.         ckresp: {
  64.             required: "Please enter Responsible Party."
  65.         },
  66. ckemail: {
  67.             required: "Please enter your email."
  68.         },
  69. ckname: {
  70.             required: "Please enter  name on check."
  71.         },
  72. addr1: {
  73.             required: "Please enter address."
  74.         },
  75. ckcity: {
  76.             required: "Please enter city."
  77.         },
  78. state: {
  79.             required: "Please enter state."
  80.         },
  81. ckzip: {
  82.             required: "Please enter zip code."
  83.         },
  84. routing: {
  85.             required: "Please enter your routing #."
  86.         },
  87. account1: {
  88.             required: "Please enter your account #."
  89.         },
  90. account2: {
  91.             required: "Please enter account # again."
  92.         },
  93. pmtamount: {
  94. required: "Please enter payment amount."
  95. }
  96.    
  97.     },
  98. errorPlacement: function (error, element) {
  99.         error.insertAfter(element.parent());
  100.     }
  101. });
  102. });

  104. </script>
After I upload the page and check it with my phone, the page just times out and never loads.
Here is my form code.

It does the same with both GET and POST

  2. <form id="checkform" action="parse_check.php" method="GET" >
  3.   <label for="dcs1">DCS#:</label>
  4.   <input type="text" name="dcs1" id="dcs1" data-mini="true" minlength="7" maxlength="9"  />
  5.     
  6.   <label for="dcs2">Confirm DCS#:</label>
  7.   <input type="text" name="dcs2" id="dcs2" data-mini="true" minlength="7" maxlength="9" />
  8.   
  9.   <label for="ckresp">Responsible Party</label>
  10.   <input type="text" name="ckresp" id="ckresp" data-mini="true" />
  11.   
  12.   <label for="ckemail">Enter Email</label>
  13.   <input type="email" name="ckemail" id="ckemail" data-mini="true" />
  14.   
  15.   <label for="ckphone">Phone Number (optional)</label>
  16.   <input type="tel" name="ckphone" id="ckphone" data-mini="true" />
  17.   
  18.   <p align="center"><b>Checking Account Information</b></p>
  19.   <label for="ckname">Name On Check</label>
  20.   <input type="text" name="ckname" id="ckname" data-mini="true" />
  21.   
  22.   <label for="addr1">Address</label>
  23.   <input type="text" name="addr1" id="addr1" data-mini="true" />
  24.   
  25.   <label for="addr2">Suite/Apt</label>
  26.   <input type="text" name="addr2" id="addr2" data-mini="true"/>
  27.   
  28.   <label for="ckcity">City</label>
  29.   <input type="text" name="ckcity" id="ckcity" data-mini="true" />
  30.   
  31.   <label for"state">State</label>
  32.   <select name="state" size="1" id="state" data-mini="true" >
  33.   <option value="AL">Alabama</option>
  34.   <option value="AK">Alaska</option>
  35.   <option value="AZ">Arizona</option>
  36.   <option value="AR">Arkansas</option>
  37.   <option value="CA">California</option>
  38.   <option value="CO">Colorado</option>
  39.   <option value="CT">Connecticut</option>
  40.   <option value="DE">Delaware</option>
  41.   <option value="DC">Dist of Columbia</option>
  42.   <option value="FL">Florida</option>
  43.   <option value="GA">Georgia</option>
  44.   <option value="HI">Hawaii</option>
  45.   <option value="ID">Idaho</option>
  46.   <option value="IL">Illinois</option>
  47.   <option value="IN">Indiana</option>
  48.   <option value="IA">Iowa</option>
  49.   <option value="KS">Kansas</option>
  50.   <option value="KY">Kentucky</option>
  51.   <option value="LA">Louisiana</option>
  52.   <option value="ME">Maine</option>
  53.   <option value="MD">Maryland</option>
  54.   <option value="MA">Massachusetts</option>
  55.   <option value="MI">Michigan</option>
  56.   <option value="MN">Minnesota</option>
  57.   <option value="MS">Mississippi</option>
  58.   <option value="MO">Missouri</option>
  59.   <option value="MT">Montana</option>
  60.   <option value="NE">Nebraska</option>
  61.   <option value="NV">Nevada</option>
  62.   <option value="NH">New Hampshire</option>
  63.   <option value="NJ">New Jersey</option>
  64.   <option value="NM">New Mexico</option>
  65.   <option value="NY">New York</option>
  66.   <option value="NC">North Carolina</option>
  67.   <option value="ND">North Dakota</option>
  68.   <option value="OH">Ohio</option>
  69.   <option value="OK">Oklahoma</option>
  70.   <option value="OR">Oregon</option>
  71.   <option value="PA">Pennsylvania</option>
  72.   <option value="RI">Rhode Island</option>
  73.   <option value="SC">South Carolina</option>
  74.   <option value="SD">South Dakota</option>
  75.   <option value="TN">Tennessee</option>
  76.   <option value="TX">Texas</option>
  77.   <option value="UT">Utah</option>
  78.   <option value="VT">Vermont</option>
  79.   <option value="VA">Virginia</option>
  80.   <option value="WA">Washington</option>
  81.   <option value="WV">West Virginia</option>
  82.   <option value="WI">Wisconsin</option>
  83.   <option value="WY">Wyoming</option>
  84. </select>
  85.   
  86.   <label for="ckzip">Zip Code</label>  <input name="ckzip" type="number"  id="ckzip" maxlength="9" data-mini="true" minlength="5"/>
  87.   
  88.    <label for="routing">Routing Number</label>
  89.   <input type="number" name="routing" id="routing" data-mini="true"  minlength="5"/>
  90.   
  91.   <label for="account1">Account Number</label>
  92.   <input type="number" name="account1" id="account1" data-mini="true" />
  93.   
  94.   <label for="account2">Re-Enter Account Number</label>
  95.   <input type="number" name="account2" id="account2" data-mini="true" />
  96.   
  97.   <label for="pmtamount">Payment Amount</label>
  98.   <input type="number" name="pmtamount" id="pmtamount" data-mini="true" />
  99.   
  100.   <div data-role="fieldcontain">
  101.     <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
  102.       <legend>Payment Frequency</legend>
  103.       <input type="radio" name="ckfreq" id="ckfreq_0" value="" />
  104.       <label for="ckfreq_0">One Time Payment</label>
  105.       <input type="radio" name="ckfreq" id="ckfreq_1" value="" />
  106.       <label for="ckfreq_1">Draft Weekly</label>
  107.       <input type="radio" name="ckfreq" id="ckfreq_2" value="" />
  108.       <label for="ckfreq_2">Draft Monthly</label>
  109.     </fieldset>
  110.   </div>
  111.   <div data-role="fieldcontain">
  112.     <label for="comments">Comments:</label>
  113.     <textarea cols="40" rows="8" name="comments" id="comments" data-mini="true"></textarea>
  114.   </div>
  115. <input type="submit" value="Submit Button" /><input type="reset" value="Reset Button" />
  116.   </form>
If I don't use the javascript the form works fine and I receive the information via email from my php page.

Any help is appreciated.