取消form表单自动提交

1.form表单会自动提交的几种情况

1）表单里有一个type="submit"的按钮，回车键生效

2）表单里只有一个type="text"的input，回车键生效。

解决一键回车表单提交只需在form上加上onsubmit="return false;"就行

该<form>标签里面的<button>的Type属性改为button,那样也可以取消form表单的自动提交

我们在<button>标签中没加上type="button"的话，from会自动将type识别为"submit"，然后提交到的是form表单里的action路径，不是我们button在js中所写的路径，如果form表单没有设置action属性，自动提交的请求是当前页面地址，即自动刷新；加上之后，button就是普通的button按钮，我手动去提交表单，我们的路径不是写在页面标签上，而是在js中，这样能防止服务器路径暴露，也能让按钮根据不同的情况把表单数据提交到不同的方法中去。

其他详细分析可参考：http://www.360doc.com/content/15/0121/23/14009801_442697693.shtml