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了！