Как добавить поле количества в stripe.js?

Question

Я пытаюсь изменить форму быстрого запуска Stripe , добавив поле суммы, чтобы клиенты могли ввести сумму, которую они хотели бы снять. Мне бы хотелось, чтобы оно появилось перед полем Номер карты, но оно не будет отображаться. Я пытаюсь клонировать поле срока действия (или любое другое поле) и вставить его перед номером карты:

$(".CardField-expiry").clone().insertBefore(".CardField-number");

Новое поле не отображается, но я замечаю, что в DOM теперь создается элемент iframe.

Моя скрипка здесь но я чувствую, что это сложно, и, может быть, есть встроенный способ сделать это с stripe.js Я скучаю ?? 1010 *

Answer 1

Как уже упоминалось, форма, созданная Stripe, размещается в iframe, поэтому вы не сможете получить к ней доступ напрямую. Это необходимо для обеспечения соответствия PCI на вашей веб-странице.

Вместо этого вы можете использовать Stripe Checkout , что позволит вам иметь поле переменной суммы в вашей форме.