Stripe.js V3 - запрет двойного щелчка (клавиша ввода)

Question

Всем привет и с Новым годом.

Я интегрировал Stripe.js в свое веб-приложение (PHP 7 / Laravel 5).

Я использую 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');

        // ...
    });

Это позволяет мне отключить двойной щелчок по кнопке формы.

Но если пользователь нажимает клавишу ввода дважды, форма отправляется дважды ...

Сразу после отправки, как я могу отключить ввод текста типа, созданного полосой?

Спасибо.

Answer 1

Что вы могли бы сделать, это использовать element.update (опции) функция

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

, в этом случае ввод карты должен быть отключен, но вам нужно помнить, чтобы включить его, если есть какие-либо ошибки, возвращающиеся из бэкэнда.