您的位置：首页 > 其它

form的onsubmit事件--表单提交前的验证最佳实现方式

2017-08-21 14:37 766 查看

在表单提交前统一进行验证。

form应该有提交前的事件，就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。

需要注意的是，onsubmit=“return check()”中的return是一定要加上的，不然check的返回值哪怕是false，仍然提交。也就是说，onsubmit=“return false”为不执行提交；onsubmit=“return true”或onsubmit=“return ”都执行提交；

------------------------------------------

主页面如下：

<HTML>

<HEAD>

<scripttype="text/JavaScript">

//form提交前，验证：营销活动最少选择两个
function check(){
if(验证条件不通过){
return false;
}else{

return true;//不写此返回值也行，此时就直接提交了

}
}
</script>

</HEAD>
<body onload="doOnLoad()">
<form id="queryForm" onsubmit="returncheck()"action="<%=request.getContextPath()%>/FocReportServlet">

<jsp:include flush="true"page="../pub.jsp"/>
<jsp:include flush="true"page="../condition.jsp"/>
<jsp:include flush="true"page="condition_marketing.jsp"/>
<jsp:include flush="true"page="contrastChart.jsp"/>

<jsp:include flush="true"page="../pagectrl.jsp"/>

...

<input type="submit" id="submit"name="submit" style="visibility:hidden"/>

<HTML>

-----------------------------------

include页面中提交方式：

<imgsrc="<%=request.getContextPath()%>/focReport/images/control_play_blue.png"style="cursor:hand"onclick="sending.style.visibility='visible';submit.click()"alt="点击提交分析">

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航