1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html表单提交前检查 form的onsubmit事件--表单提交前的验证最佳实现方式

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

时间:2024-02-18 21:15:00

相关推荐

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

今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type=“submit”域,然后js中写入sumbit.click来执行提交的)。但我需要在每次提交前都要验证一下表单中的填写是否符合要求,如果我给每个提交的地方都添加验证函数的调用,那工作量就大了。

这时我得需要一个措施,就是在表单提交前统一进行验证。从body有页面关闭前的事件onbeforeunload推想到,form应该也有提交前的事件,上网一查,真有,就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。

需要注意的是,οnsubmit=“return

check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是说,οnsubmit=“return

false”为不执行提交;οnsubmit=“return true”或οnsubmit=“return ”都执行提交;

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

主页面如下:

//form提交前,验证:营销活动最少选择两个

function check(){

if(验证条件不通过){

return

false;

}else{

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

}

}

action="/FocReportServlet">

page="../pub.jsp"/>

page="../condition.jsp"/>

page="condition_marketing.jsp"/>

page="contrastChart.jsp"/>

page="../pagectrl.jsp"/>

...

name="submit" style="visibility:hidden"/>

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

include页面中提交方式:

src="/focReport/images/control_play_blue.png"

style="cursor:hand"

οnclick="sending.style.visibility='visible';submit.click()"

alt="点击提交分析">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。