关于form表单中button按钮自动提交问题
Posted 脑白金
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于form表单中button按钮自动提交问题相关的知识,希望对你有一定的参考价值。
坑:点击确认按钮,form表单提交2次,发送后台2次请求
//错误代码: <Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >确认</Button> $("#btnSubmit").click(function(){ $(\'#formSave\').ajaxSubmit(function(data) { if(data.code == 0){ $.alert({ title: \'提示!\', content: \'添加成功!\' }); } }); }); //改正后代码: <input id="btnSubmit" type="button" class="btn btn-primary" value="确认"/>
执行错误代码,后台总是会请求2次,而且页面总是会跳转至一个黑页面.
百度原因如下:在ie中,button默认的type是button,而其他浏览器和W3C标准中button默认的属性都是submit
同时看到一片文章:如何阻止form表单中的button按钮提交,不过还未实践,有兴趣的可以自己试试.
以上是关于关于form表单中button按钮自动提交问题的主要内容,如果未能解决你的问题,请参考以下文章