0

フォームがある JSP があります。このフォームのフィールドの 1 つは、日付を受け入れるテキスト ボックスです。ユーザーが日付を選択できるカレンダーがあります。これで、ユーザーが日付を選択すると、テキスト ボックスに「dd-mm-yyyy」形式で表示されます。(例: 11-06-2012)

フォームが送信されるとすぐに長い形式に変更されます (例: Mon Jun 11 00:00:00 IST 2012) これ以上検索条件を追加すると、日付が検証されないためエラーがスローされます。

どうすればこれを防ぐことができますか?

以下のコード：

<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);">
                &nbsp;&nbsp;
                <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>

4

1 に答える 1

1

あなたの validateDate() 関数が見つかりませんが、関数内で生成された JS 日付オブジェクトへの入力の元の値を変更していると思われます。

入力の値を変更せずに検証してみてください。

于 2012-06-28T07:55:05.873 に答える