Как использовать полосу метода confirmCardSetup для нескольких элементов. Приложение Laravel Cashier / Vue

Как отправлять входные данные отдельно от полосы с помощью метода confirmCardSetup, поскольку документация получает только один элемент cardElement.

https://stripe.com/docs/js/setup_intents/confirm_card_setup - ›документация .

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

https://prnt.sc/toyr9n - ›Мои элементы currents

https://prnt.sc/toyrmt - ›Реализация конечной точки My Stripe.

Примечание. Как я могу создать настраиваемую форму для полосы, не используя cardElement, или отдельно управлять входными данными.

Буду очень признателен за отзывы и предложения.


person TwistCode    schedule 26.07.2020    source источник


Ответы (1)


При использовании разделенных элементов Stripe.js автоматически определит все необходимые элементы, просто передав один элемент.

В вашем случае вы можете просто передать элемент cardNumber при подтверждении вашего SetupIntent, и Stripe.js найдет все остальные элементы и автоматически их оценит.

person Paul Asjes    schedule 27.07.2020
comment
Спасибо, вы правы, вы знаете какой-то способ получить значения заполненных полей, предназначенный для настройки анимации, но поскольку он встроен и имеет смысл из соображений безопасности, я не могу получить эти данные. - person TwistCode; 27.07.2020
comment
Невозможно получить содержимое поля Elements по дизайну, так как это будет означать, что у вас есть доступ к конфиденциальным данным (отсутствие доступа - это весь смысл Elements по причинам PCI). Лучшее, что вы можете сделать, это прослушать событие 'change', чтобы увидеть, действителен ли ввод: stripe.com/docs/js/element/input_validation - person Paul Asjes; 28.07.2020