IE (only) issue with datepicker, validation ok
I am a newbie but getting sold on jquery!
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and Chrome.
Datepicker does not work in IE, although the validations do work as expected.
Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
I appreciate any help.
//// page code follows ////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="jquery/jquery-1.5.js"></script>
<script src="jquery/validation/jquery.validate.js"></script>
<script src="jquery/widgetsmisc/js/jquery-ui-1.8.11.custom.min.js"> type="text/javascript" </script>
<link href="jquery/widgetsmisc/css/custom-theme/jquery-ui-1.8.11.custom.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<form id="quoteForm" method="get" action="">
<table>
<tr>
<td>Name:</td>
<td>
<input class="required" id="clientname" name="clientname" size="25" />
</td>
</tr>
<tr>
<td>Zip code:</td>
<td><input type="text" name="Zip" id="Zip" size="5" tabindex="40" />
</td>
</tr>
<tr>
<td>E-mail Address:</td>
<td>
<input type="text" name="Email" id="Email" size="29" tabindex="50" class="required email" />
</td>
</tr>
<tr>
<td>Telephone #1:</td>
<td>
<input type="text" name="Phone1" id="Phone1" size="12" tabindex="60" />
</td>
</tr>
<tr><td>Dates:</td></tr>
<tr>
<td>Starting:</td>
<td> <input class="required date" type="text" id="datepicker1" name="Starts" size="10" tabindex="120"/></td>
</tr>
<tr>
<td>Ending:</td>
<td> <input class="required date" type="text" id="datepicker2" name="Ends" size="10" tabindex="130"/></td>
</tr>
<tr><td>Pet Counts:</td></tr>
<tr>
<td>Dogs:</td>
<td><input type="text" name="Dogs" id="Dogs" size="2" value="0" tabindex="140" /></td>
</tr>
<tr>
<td>Cats:</td>
<td><input name ="Cats" type="text" id="Cats" size="2" value="0" tabindex="150" /></td>
</tr>
<tr>
<td>Others:</td>
<td><input type="text" name="Others" id="Others" size="2" value="0" tabindex="160" /></td>
</tr>
<tr>
<td> Comments/Requests</td>
<td><textarea name="Comments" id="Comments" cols="71" rows="5" tabindex="220"></textarea></td>
</tr>
<tr>
<td>
<input name="Submit" type="submit" value="Submit" />
</td>
<td>
<input name="Reset" type="reset" value="Reset" />
</td>
</tr>
</table>
</form>
<script>
$(document).ready(function(){$("#quoteForm").validate();});
$('#datepicker1').datepicker({dateFormat: 'm/d/y'});
$('#datepicker2').datepicker({dateFormat: 'm/d/y'});
</script>
</body>
</html>