Jquery 表单提交不能在 chrome 中工作，但在 Firefox 中工作

Posted 2023-02-22

【中文标题】Jquery 表单提交不能在 chrome 中工作，但在 Firefox 中工作

【英文标题】：Jquery form submission not working in chrome but working in firefox

【发布时间】：2015-02-21 10:38:42

【问题描述】：

我有一些奇怪的问题，相同的代码在 firefox 上工作而在 chrome 下不工作。 我的主要功能是我需要在单击buy now 按钮时提交表单。在按钮单击事件上，我编写了提交表单的代码。我的代码是

$('.paypal_button_form_submit').click(function()

              $('.form_certificate').submit();

               alert('Thank you! Your order was submitted successfully');               

);

通过点击贝宝，它实际上将我带到贝宝，但在此之前它会提交表单。 我使用的表格是

caldera 表单插件

使用 wordpress。 使用此代码表单在 Firefox 中完美运行，但在 chrome 中无法运行。 你能帮我做些什么改变才能使它在所有浏览器中都能正常工作吗？

【问题讨论】：

需要更多上下文。您的 DOM 以及您可能遇到的错误，因为我将它粘贴到 jsbin 中并且它在我的 chrome 上运行良好？

chrome 中没有语法错误。只是这个。 GET http://***/wp-content/themes/theme/js/jquery.min.map 404（未找到）这可能是问题吗？

很难说，但有可能

尝试在指定位置添加 jquery.min.map，所以现在 dom 中没有错误。但还是不行

【参考方案1】：

我自己解决了。只是将点击从贝宝按钮更改为表单提交按钮点击。 所以现在我的代码是这样的。

$('#submit').on("click",function()
     if($("#formid").valid())
    
       $('.paypal_button_form').submit();
    

); 

我不知道它为什么起作用，但它起作用了。所以现在两种形式都被提交并且功能完美。

【参考方案2】：

尝试使用.on

$('.paypal_button_form_submit').on("click",function()

              $('.form_certificate').submit();

               alert('Thank you! Your order was submitted successfully');               

);

【讨论】：

未选择任何内容，无法验证，不返回任何内容。这会给我带来麻烦吗？

你的意思是表单没有验证..你怎么知道表单是否被提交..如果它在那里工作，firefox会发生什么..并且出现警报？

没有表单验证。在 Firefox 表单中提交，然后出现警报消息，一旦我点击确定，它就会带我到贝宝