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

标签 javascript html jsp form-submit

当我点击该按钮时,我有一个提交按钮,如果结束日期输入字段小于开始日期输入字段,则会显示一条警告消息。但是当我单击警告消息的确定时,它会被重定向到下一页即使在 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>

最佳答案

将您的提交按钮声明更改为

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

关于javascript - 即使 JS 条件为真,jsp 页面也会重定向到下一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28955932/

相关文章:

javascript - 在 JavaScript 中使用开始和结束

javascript - 使用 jQuery 悬停动态显示 <li>

java - 在 Linux 中为我的 JSP 页面放置 Java 类的位置

javascript - 如何在javascript中从单元格中获取值

javascript - 我在编写一个 js 并将其设置为具有相同 id 的多个 div 时遇到问题

javascript - 向下滚动时淡入淡出元素

html - 我如何有效地组合两个具有相同统计信息的 css 类?

java - 无法通过按钮使用 url 检索从 jsp 传递到 Controller 的值

javascript - jQuery 属性操作的不一致

html - 为什么 <i> 标签高度大于它的内容?