datepicker and Position-Absolute validation plugin
I am trying to use a jQuery datepicker and a validation plugin from Postion-Absolute.
I can get the datepicker working fine and the validation working except when I combine them both.
It seems like the validator is firing before the datepicker populates the input.
Here is an example page.
- <html>
- <head>
- <link rel="stylesheet" href="ait.css" type="text/css" />
- <link rel="stylesheet" href="js/jQuery-Validation-Engine/css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" />
- <script src="jQuery.js" type="text/javascript"></script>
- <script src="js/jQuery/jQueryUI.js" type="text/javascript"></script>
- <script src="js/jQuery-Validation-Engine/js/jquery.validationEngine-en.js" type="text/javascript"></script>
- <script src="js/jQuery-Validation-Engine/js/jquery.validationEngine.js" type="text/javascript"></script>
- <script type='text/javascript'>
- $(document).ready(
- function() {
- $('input#a_1_due_date').datepicker({
- dateFormat: 'yy-mm-dd',
- minDate: new Date(2010, 8, 01),
- maxDate: new Date(2010, 10, 05),
- numberOfMonths: 1
- }),
- $('#addAssigns').validationEngine()
- });
- </script>
- </head>
- <body>
- <?php
- if($_POST){
- foreach($_POST as $k=>$v){
- echo $k." = ".$v."<br />";
- }
- }
- ?>
- <div>
- <div>
- <center>
- <form id=addAssigns name=addAssigns action=deleteMe.php method=POST>
- <table cellspacing=1 cellpadding=3 border=0 bgcolor=white border=0>
- <tr>
- <th>Name</th><th>Category</th><th>Due Date</th><th>Max Score</th><th>Weight</th>
- </tr>
- <tr>
- <td><input class="validate[required]" id=a_1_name name=a_1_name type=text size=30 /></td>
- <td><select class="validate[requried]" id=a_1_category_id name=a_1_category_id>
- <option value=619>Test (25%)</option>
- <option value=620>Lab (20%)</option>
- <option value=621>Quiz (15%)</option>
- <option value=622>HW/CW (25%)</option>
- <option value=623>Participation (15%)</option>
- </select>
- </td>
- <td><input class="validate[requried,custom[date]]" id=a_1_due_date name=a_1_due_date type=text size=15 /></td>
- <td><input class="validate[requried,custom[onlyNumbers]]" id=a_1_max_score name=a_1_max_score value=100 type=text size=5 />
- </td>
- <td><input class="validate[requried,custom[onlyNumbers]]" id=a_1_weight name=a_1_weight value=1 type=text size=5 /></td>
- </tr>
- <tr>
- <td colspan=5>Note:<input type=text size=100 name=a_1_assignment_note /></td>
- </tr>
- </table>
- <input type=hidden name=numAssigns value=2 />
- <input type=submit class=submit id=insert_assigns name=insert_assigns value=Insert>
- </form>
- </center>
- </div>
- </div>
- </body>
- </html>