form表单中的button按钮如何阻止提交

form表单中的button按钮如何阻止提交

方法一：
、 return false，使用return false可以阻止提交

<button type="submit" class="submit_button" onClick=“submitAction();return false;”>登录</button>

方法二：
、button有个type属性，属性值可为button、submit、reset

button=普通按钮，直接点击不会提交表单

submit=提交按钮，点击后会提交表单

reset=表单复位 当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件
例：
​​​​​​

<button type="button" class="submit_button" >登录</button>

使用这种方法最为推荐，因为这样还可以穿插js脚本
方法三：
、使用preventDefault()

在标准浏览器中，阻止浏览器默认行为使用event.preventDefault()，而在IE6~8中，使用returnValue属性来实现。

原文链接：https://www.js1331.com/jiaocheng?id=278999