Stripe.js V3-禁止双击(输入键)

时间:2019-01-01 22:18:05

标签: javascript php stripe-payments

大家好,新年快乐。

我在Web应用程序(PHP 7 / Laravel 5)中集成了Stripe.js。

我使用的是V3:Stripe.js和Elements:https://stripe.com/docs/stripe-js

   var form = document.getElementById('payment-form');
    form.addEventListener('submit', function(event) {
        event.preventDefault();

        $('#payment-form button').prop('disabled', true);
        $('#payment-form button').css('cursor', 'not-allowed');

        // ...
    });

这使我可以禁用双击表单按钮。

但是如果用户两次按Enter键,则表单将提交两次...

在提交之后,如何禁用Stripe创建的输入类型文本?

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以做的就是利用element.update(options)函数

card.update({disabled: true/false});

在这种情况下,应该禁用卡的输入,但是如果从后端返回任何错误,您将需要记住重新启用它。