如何阻止表单提交

阻止form表单提交的几种常见的方法

1. 我们直接进入正题 这是测试的html表单代码 提交给alert.html（原来说明是否提交成功，代码就不贴了）（注意是button哦）

   
2.  

   JavaScript方法一：通过return false; 来阻止表单的提交 代码如下图

   
3.  

   JavaScript方法二：使用preventDefault()方法来阻止 这里ie6-ie8浏览器需要兼容一下哦 代码如下图 （运行结果和上面一样就不演示了）

   
4.  

   JavaScript方法三：这里是另一种方法 也是经常用到 注意form提交是用input哦 刚刚是button

   input设置type="submit"后直接可以提交表单的，onsubmit通过验证函数的返回值来决定是否提交表单

   
5.  

   这里是一个js函数  通过函数内的if等判断语句验证字段后 返回true或false 到form的onsubmit

   
6.  

   运行HTML页面 点击提交按钮 会弹出窗口点击确定 你会发现页面没有提交哦