All inputs pass properly in IE9, and I print them to screen. The inputs for “order” and “progress” are passed correctly in firefox/chrome, but not the “date1” or “date2” fields. They use the jsdatepick library to determine the date – and the date is filled into the form as so: “10-01-2012” . On the next page I pick up the request data and print to screen. Any hints?
<script type="text/javascript" src="jsDatePick.full.1.3.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date1",
});
new JsDatePick({
useMode:2,
target:"date2",
});
};
</script>
<Form action="ai_school_stats_return.asp" method="POST" name="stats">
<input type="hidden" id="order" name="order" value="order">
<tr>
<td width="40" align="right">From date:</td>
<td align="left"><input type="bundatetext" name="date1" id="date1" maxlength="10" value=<%=Session("date1")%>></td>
</tr>
<tr>
<td width="40" align="right">To date:</td>
<td width="60"><input type="bundatetext" name="date2" id="date2" maxlength="10" value=<%=Session("date2")%>></td>
</tr>
<tr>
<td width="40" align="right">Lesson Progressed Past</td>
<td width="60"><input type="text" name="progress" id="progress" maxlength="10" value=<%=Session("progress")%>></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td width="183"> </td>
<td width="133"> </td>
<td width="184"> </td>
</tr>
<tr>
<td colspan="3">
<div align="center"><input type="image" value="submit" src="../images/submit_up.gif" width="132" height="30"></div>
</td>
</tr>
</table>
</Form>
Turned out to be something extremely simple. I had a table declared outside of the form. So firefox saw the table containing the inputs outside the form while figuring out what data to pass- which when combined with the .js fn it ended up passing data not involved in the fn. Lesson: You know something is really wrong with your code when IE works but firefox doesn’t.