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

Question

当我点击那个按钮时我有一个提交按钮，如果结束日期输入字段小于开始日期输入字段那么当我点击警告消息的确定时警告消息是 shown.But 那么它是重定向到下一页，即使它不应该因为在 if 条件下返回 false。

我的 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" />

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

jsp page redirects to next page even when if condition of JS is true

javascript

html

jsp

form-submit