在前端使用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()"