100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JavaScript之form表单提交前验证的onSubmit事件

JavaScript之form表单提交前验证的onSubmit事件

时间:2022-07-01 18:25:28

相关推荐

JavaScript之form表单提交前验证的onSubmit事件

在前端使用JavaScript验证表单数据时,对验证不通过的form表单要阻止其提交到后台。这时,可以使用onSubmit事件来阻止其提交。

<form method="post" onsubmit="return checkBeforeSubmit()" action="registerSubmit"><div><label>手机号:</label><input id="phone_num" name="phone" type="text" onBlur="CheckPhone()" placeholder="输入手机号码"><p id="phone_prompt"></p></div><div><input id="register_btn" type="submit" value="立即注册"></div></form>

当checkBeforeSubmit()返回值为false时,form表单不会提交。为true时,form表单会提交。注意,checkBeforeSubmit()方法前要加return。否则,无论返回false还是true,表单都会提交。

onsubmit="return checkBeforeSubmit()"

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