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()"