今天在项目开发的过程中遇到这样一个问题,就是在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了!