【问题标题】:Jquery form submission not working in chrome but working in firefoxJquery 表单提交不能在 chrome 中工作,但在 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 中没有错误。但还是不行

标签: jquery google-chrome firefox paypal wordpress


【解决方案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 表单中提交,然后出现警报消息,一旦我点击确定,它就会带我到贝宝
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-06-18
    • 2011-03-03
    • 1970-01-01
    • 2012-11-03
    • 1970-01-01
    • 1970-01-01
    • 2013-12-26
    相关资源
    最近更新 更多