Question

当我点击该按钮时，我有一个提交按钮，如果结束日期输入字段小于开始日期输入字段，则显示警告消息。但是当我单击确定警报消息时，它将被重定向到下一页即使它不应该因为在条件下被返回为假。

我的javascript代码是 -

<script type="text/javascript">
function date_comapare()
{

    var d1=document.getElementById("startdate").value; // start date 
    var d2=document.getElementById("enddate").value; //end date 

    if(new Date(d2).getTime() < new Date(d1).getTime()) 
{ 
    alert("Endate date should be greater than start date"); // handle your error validation here 
    return false; 
    }
    else
        {return true}; 
    } 

</script>

那么，如果条件为真，那么为什么页面会被重定向到下一页？

我的表单代码是 -

<body>
<jsp:useBean id="obj"  class="ref_Database.Refernce_Database" />

<form method="post" action="Compvac4.jsp">
Select Reference:
<select name="ref_logtime" >
<option value="Select">Select</option>
<c:forEach var="aff" items="${obj.connect()}">
<option value="${aff.value}">${aff.key} ${aff.value}</option>
</c:forEach>
</select>

<br><br>
<b>Select Date to be compared</b><br>
<p>Date: <input type="text" name="datepicker" id="datepicker"></p>

<input id="startdate" type="text" size="25" name="startdate" onclick="javascript:NewCal('startdate','mmddyyyy',true,24)" >
<a>
<img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date">
</a>

<input id="enddate" type="text" size="25" name="enddate" onclick="javascript:NewCal('enddate','mmddyyyy',true,24)" >
<a>
<img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date">
</a>

 <input type="submit"  onclick="date_comapare()" value="Submit"><br>

</form>

</body>

Answer 1

将submit按钮声明更改为

<input type="submit" onclick="return date_compare();" value="Submit" />

即使JS的条件为真，jsp页面也会重定向到下一页

1 个答案: