Как отключить полосовое поле формы при запуске процесса оплаты?

Question

В моем проекте angular реализована функция полосовой оплаты. Я преуспел с настройкой формы полосы.

Моя актуальная проблема начинается здесь. Когда пользователь вводит данные карты и кнопку press PAY. loader - это spin внутри кнопки оплаты. Но все же пользователь может change номер карты и другие детали.

Я хочу отключить все поля формы, когда выполняется процесс чередования платежей. Я много пробовал для поиска решения, но не смог найти единственное решение.

Есть ли способ отключить form field при выполнении payment process?

Answer 1

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

Вы можете отключить Элемент Stripe с использованием метода update для элемента [1] с передачей disabled: true.

card.update({ disabled: true });

Вот JS Скрипка для демонстрации: https://jsfiddle.net/utdz6pkr/1/

[1] https://stripe.com/docs/js/element/other_methods/update?type=card#element_update -опции отключены