- 在前端使用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()"
JavaScript之form表单提交前验证的onSubmit事件
最新推荐文章于 2022-02-12 10:17:46 发布