Chrome浏览器中对form表单用onsubmit进行拦截后无法再次提交的问题

今天在项目开发的过程中遇到这样一个问题，就是在chrome浏览器中form表单被拦截后无法再度提交。

项目中有这样一个需求，验证两个时间的先后关系。

我写了一个方法：

  
    
function checkdatetime(){ 
    
    var startDt=Date.parse($("#startDtString").val()); 
    
    var expireDt=Date.parse($("#expireDtString").val()); 
    
    if(startDt>=expireDt){ 
    
        alert("请检查日期，开始时间晚于结束时间"); 
    
        return false; 
    
    } 
    
} 
  

然后form如下：

  
    
<form onsubmit="return checkdatetime()"< /span>> 
    
        <input onclick="WdatePicker({dateFmt:'<%=Wcsecondhit.FORMAT_EXPIRE_DT%>'})" id="expireDtString" name="expireDtString"  /> 
    
        <input onclick="WdatePicker({dateFmt:'<%=Wcsecondhit.FORMAT_EXPIRE_DT%>'})" id="expireDtString" name="expireDtString"  /> 
    
        <input type="submit" value="submit"/> 
    
    </form> 
  

结果第一次弹出“请检查日期，开始时间晚于结束时间”提示后，无法再提交表单了。百度了一下，说的方法都不适用。

我的解决方法是这样的：

  
    
<form > 
    
        <input onclick="WdatePicker({dateFmt:'<%=Wcsecondhit.FORMAT_EXPIRE_DT%>'})" id="expireDtString" name="expireDtString"  /> 
    
        <input onclick="WdatePicker({dateFmt:'<%=Wcsecondhit.FORMAT_EXPIRE_DT%>'})" id="expireDtString" name="expireDtString"  /> 
    
        <input type="submit"  onclick="return checkdatetime()"< /span>  value="submit"/> 
    
    </form> 
  

把该验证方法移到 submit的按钮中就OK了！