码迷,mamicode.com
首页 > 其他好文 > 详细

关于form表单中button按钮自动提交问题

时间:2017-05-23 12:16:31      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:title   cli   val   new   pre   错误代码   func   vps   lan   

坑:点击确认按钮,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按钮自动提交问题

标签:title   cli   val   new   pre   错误代码   func   vps   lan   

原文地址:http://www.cnblogs.com/gosun/p/6893282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!