Javascript 提交表单后文本框中的日期发生更改
我有一个JSP，其中有一个表单。此表单中的一个字段是一个文本框，我在其中接受日期。我有一个日历，用户可以从中选择日期。现在，当用户选择日期时，它将以“dd-mm-yyyy”格式显示在文本框中。（ex:11-06-2012） 一旦提交表格，它将变为long（例如：2012年6月11日星期一00:00:00） 现在，如果添加了更多的搜索条件，则会抛出一个错误，因为日期未经验证 我怎样才能防止这种情况发生 代码如下：Javascript 提交表单后文本框中的日期发生更改,javascript,jsp,date,Javascript,Jsp,Date,我有一个JSP，其中有一个表单。此表单中的一个字段是一个文本框，我在其中接受日期。我有一个日历，用户可以从中选择日期。现在，当用户选择日期时，它将以“dd-mm-yyyy”格式显示在文本框中。（ex:11-06-2012） 一旦提交表格，它将变为long（例如：2012年6月11日星期一00:00:00） 现在，如果添加了更多的搜索条件，则会抛出一个错误，因为日期未经验证 我怎样才能防止这种情况发生 代码如下： <script type="text/javascript"> fu
<script type="text/javascript">
function formDateValidate() {
var flag = 0;
var message = "";
if (document.searchTemporaryPromotion.tempPromotionFromDate.value != ""
|| document.searchTemporaryPromotion.tempPromotionToDate.value != ""
|| document.searchTemporaryPromotion.softwarePartNumber.value != "") {
document.searchTemporaryPromotion.resolve.value = "";
}
printMessageForDiv(new Array("dateLabel"), new Array(""));
if (document.searchTemporaryPromotion.tempPromotionFromDate.value != "") {
var result1 = validateDate(document.searchTemporaryPromotion.tempPromotionFromDate);
if (result1 != "") {
message = message
+ "Check From Date: "
+ result1
+ " You entered: "
+ document.searchTemporaryPromotion.tempPromotionFromDate.value
+ ".<br>";
printMessageForDiv(
new Array("dateLabel", "fromDateLabelField"),
new Array(
message,
"<font color='red'><b>"
+ '*<spring:message code="label.temporaryPromotion.fromDate" />:*'
+ "</b></font>"));
++flag;
}
}
if (document.searchTemporaryPromotion.tempPromotionToDate.value != "") {
var result2 = validateDate(document.searchTemporaryPromotion.tempPromotionToDate);
if (result2 != "") {
message = message
+ "Check To Date: "
+ result2
+ " You entered: "
+ document.searchTemporaryPromotion.tempPromotionToDate.value
+ ".<br>";
printMessageForDiv(
new Array("dateLabel", "toDateLabelField"),
new Array(
message,
"<font color='red'><b>"
+ '*<spring:message code="label.temporaryPromotion.toDate" />:*'
+ "</b></font>"));
++flag;
}
}
if (flag != 0) {
document.getElementById("entireViewForSearch").style.visibility = 'hidden';
return false;
} else {
return true;
}
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>temporaryPromotion</title>
</head>
<body>
<span id="dateLabel" class="errordiv"></span>
<span id="muidFieldLabel" class="errordiv"> </span>
<form:form id="searchTemporaryPromotion"
name="searchTemporaryPromotion"
commandName="searchTemporaryPromotionCommand" onsubmit="return checkFormOnSearch(this);">
<form:hidden path="currentPage" />
<form:hidden path="usePaging" />
<form:hidden path="itemsPerPage" />
<form:hidden path="action" />
<div id="dialog" style="display: none"></div>
<p>
<i><font color="red">*Note: Date format should be
dd-MM-yyyy.</font> </i>
</p>
<spring:hasBindErrors name="searchTemporaryPromotionCommand">
<p>
<b><form:errors cssStyle="color: red;"></form:errors> </b>
</p>
</spring:hasBindErrors>
<table>
<tr>
<th colspan="2" style="text-align: left; padding-left: 5px">Search
Criteria</th>
</tr>
<tr>
<td><span id="fromDateLabelField"><spring:message
code="label.reporting.searchTemporaryPromotion.fromDate" />:</span> <form:input
path="tempPromotionFromDate" id="tempPromotionFromDate"
cssStyle="width: 70px;text-align: center" /> <input type="button"
value="..."
onclick="displayCalendar(document.getElementById('tempPromotionFromDate'),'dd-mm-yyyy',this);">
<span id="toDateLabelField"> <spring:message
code="label.reporting.searchTemporaryPromotion.toDate" />:</span> <form:input
path="tempPromotionToDate" id="tempPromotionToDate"
cssStyle="width: 70px;text-align: center" /> <input type="button"
value="..."
onclick="displayCalendar(document.getElementById('tempPromotionToDate'),'dd-mm-yyyy',this);">
</td>
</tr>
<tr>
<td><spring:message
code="label.reporting.searchTemporaryPromotion.partNumber" />: <form:input
path="softwarePartNumber" id="softwarePartNumber"
name="softwarePartNumber" cssStyle="width: 215px;" /></td>
</tr>
<tr>
<td><input type="submit" value="Search" onClick="javascript:onSearch();" onKeyPress="javascript:onSearch();"/>
<input type="button" value="Clear" onClick="javascript:onClear(this);" /></td>
</tr>
</table>
</form:form>
函数formDateValidate（）{
var标志=0；
var message=“”；
如果（document.searchTemporaryPromotion.tempPromotionFromDate.value！=“”
||document.searchTemporaryPromotion.tempPromotionToDate.value！“”
||document.searchTemporaryPromotion.softwarePartNumber.value！=“”）{
document.searchTemporaryPromotion.resolve.value=“”；
}
printMessageForDiv（新数组（“日期标签”），新数组（“”）；
if（document.searchTemporaryPromotion.tempPromotionFromDate.value！=“”）{
var result1=validateDate（document.searchTemporaryPromotion.tempPromotionFromDate）；
如果（结果1！=“”）{
消息=消息
+“检查起始日期：”
+结果1
+“您输入了：”
+document.searchTemporaryPromotion.tempPromotionFromDate.value
+“
”；
printMessageForDiv(
新数组（“dateLabel”、“fromDateLabelField”），
新阵列(
消息
""
+ '*:*'
+ ""));
++旗帜；
}
}
if（document.searchTemporaryPromotion.tempPromotionToDate.value！=“”）{
var result2=validateDate（document.searchTemporaryPromotion.tempPromotionToDate）；
如果（结果2！=“”）{
消息=消息
+“检查截止日期：”
+结果2
+“您输入了：”
+document.searchTemporaryPromotion.tempPromotionToDate.value
+“
”；
printMessageForDiv(
新数组（“dateLabel”、“toDateLabelField”），
新阵列(
消息
""
+ '*:*'
+ ""));
++旗帜；
}
}
如果（标志！=0）{
document.getElementById（“entireViewForSearch”）.style.visibility='hidden'；
返回false；
}否则{
返回true；
}
}
临时晋升
*注：日期格式应为
年月日。
搜寻
标准
:
:
:
我找不到validateDate（）函数，但我怀疑它会更改函数中生成的JS Date对象的原始输入值
尝试在不改变输入值的情况下进行验证。这并不能解决我的问题，但有助于消除疑虑！谢谢