button按钮在IE浏览器默认类型是“button”，在其他浏览器默认为submit类型，所以在form表单内用到的button按钮必须要定义其type属性，如果指明type="submit"或者不写该属性，点击按钮时会触发整个页面的刷新。
<button></button>相当于<button type="submit"></button>
解决办法：
1）在<button>标签中添加属性type="button;
<button type="button"></button>
2）将<button>改为<input>标签
<input type="button" />
3）在button的点击事件中加入阻止默认事件执行的代码段（JavaScript/jQuery）。
$('button').on('click',function(e) {
e.preventDefault();
});
4）可以在监听按钮提交（点击）的方法中添加return false阻止刷新。
在ajax外部添加return false; 可以阻止刷新
别瞎用 当button在一个form表单中时 哎会自动刷新界面啊。button,input type=button...
form表单下的button按钮会自动提交表单的问题
button按钮在IE浏览器默认类型是“button”，在其他浏览器默认为submit类型，所以在form表单内用...
在form表单的提交中我们往往要阻止表单的自动提交，阻止页面自动刷新，运用ajax异步获取数据动态刷新页面的效果，...
1. 防止input回车提交表单Form 描述： form表单中存在button和table，table中含有in...
form 表单 如果form表单内没有submit按钮，只有button元素，那么这个button可以升级为sub...
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发for...
//在记一个坑（刚学前台，不是很懂，项目中自己给自己挖了个坑，哈哈...） 修改资料名称： 修改 当f...
1、改 为 2、 加上type="button"
iview form 中不要放button,会导致return 之后直接刷新
本文标题：form表单中button自动刷新问题
本文链接：https://www.haomeiwen.com/subject/pvkzyktx.html
网友评论