关于Chrome浏览器不支持From.submit的解决方案

最新推荐文章于 2026-06-27 09:29:42 发布

原创最新推荐文章于 2026-06-27 09:29:42 发布 · 9.4k 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#浏览器 #chrome #function #jquery #ajax

收录于

本文提供了一种在Chrome浏览器中解决表单提交问题的方法，通过使用jQuery AJAX的post方法来替代传统的form.submit()。适用于前端开发人员在遇到表单提交失效时的解决策略。

function ChangeForm(str) {
            var form = document.forms['FormEdit'];
            if (str == "1") {
                form.target = "ifrm1"
            }
            else {
                form.target = "_self"
            }
            //执行SUBMIT  
            form.submit();
        }

在Chrome浏览器中form.submit语句不被执行，可以利用Jquery ajax的post方法进行解决，修改后代码如下：

function ChangeForm(str) {
            var form = $(document.getElementById('FormEdit'));
            if (str == "1") {
                form.target = "ifrm1"
            }
            else {
                form.target = "_self"
            }
            //获取浏览器参数
            var browserName = navigator.userAgent.toLowerCase();

            if (/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)) {
                //chrome浏览器
                var tmp = theform.attr('Edit');
                $.post(tmp, theform.serialize());
            }
            else {
                //执行SUBMIT  
                form.submit();   
            }
        }

$.post函数的具体使用方法见W3C教程网点击打开链接