上beforeSubmit jQuery的不叫在Safari

我已经创建了条纹的支付形式，需要为了得到令牌可以提交自己的状态之前，他们的API进行交互。所有事情都经过了Chrome的测试和工作，但昨天一位用户表示它不适用于Safari。上beforeSubmit jQuery的不叫在Safari

我已经能够缩小事业的Safari浏览器下面的代码之前提交表单执行：

$('#payment-form').on('beforeSubmit', function(event) { 
        if (isCcNeeded()) { 

         // Disable the submit button to prevent repeated clicks: 
         $('#payment-form').find('.submit').prop('disabled', true); 

         // Request a token from Stripe: 
         Stripe.card.createToken({ 
           number: $('input#stripe-card-number').val(), 
           cvc: $('input#stripe-cvc').val(), 
           exp_month: getExpMonth(), 
           exp_year: getExpYear(), 
           address_zip: $('input#stripe-address-zip').val() 
         }, stripeResponseHandler); 

         // Prevent the form from being submitted: 
         return false; 
        } 
       });

有谁知道它为什么跳过此？

来源

2017-06-03 Fittersman

你可以更改beforeSubmit提交和测试？ – gaetanoM

你为什么在提交之前打电话？只需使用上提交和发布形式在stripeResponseHandler如果createToken呼叫全成 –

@gaetanoM，我已经通过更换 $尝试它，以及（“＃付款形式”）。在（“beforeSubmit”，函数（事件）与 $（ '＃付款形式'）。提交（函数（事件）也 $（ '＃付款形式'）。在（ '提交'，函数（事件）都具有相同的 – Fittersman

好吧！所以解决方案实际上是我尝试的几件事情的组合。正如我对原帖的评论所说，我首先需要改用'submit'而不是'beforeSubmit'（我认为这是一个Yii2特定的事情）。

但是，我不得不采取这一步。为了实际工作，我还必须在事件上调用preventDefault（）。

我也结束了从stripe.js v2进行迁移，而我是这个代码瞎搞到V3，所以我不知道是否帮助或没有得到很好的。

最终的解决方案来...

  var form = document.getElementById('payment-form'); 
      $('#payment-form').on('submit', function(e) { 
       e.preventDefault(); 
       createToken(); 
      });

谢谢大家的帮助！

来源

2017-06-05 13:23:44 Fittersman

上beforeSubmit jQuery的不叫在Safari

回答

相关问题