วิธีใช้แถบวิธียืนยันการ์ดเซ็ตอัพสำหรับองค์ประกอบหลายรายการ แอพ Laravel แคชเชียร์ / Vue

วิธีส่งอินพุตแยกจากแถบโดยใช้วิธี ConfirmCardSetup เนื่องจากเอกสารประกอบได้รับองค์ประกอบ cardElement เพียงองค์ประกอบเดียวเท่านั้น

https://stripe.com/docs/js/setup_intents/confirm_card_setup -› เอกสารประกอบ .

ฉันกำลังค้นหาข้อมูลแถวนี้และไซต์อื่นๆ บนอินเทอร์เน็ต และพบส่วนประกอบเหล่านี้แยกจากกัน แต่ขณะนี้ ฉันกำลังทำงานกับโทเค็นการตั้งค่าที่มาจากแบ็กเอนด์ เนื่องจากฉันสามารถส่งองค์ประกอบทั้งหมดเหล่านี้แยกกันไปยังปลายทางที่ให้ ฉันพร้อมเอกสาร

https://prnt.sc/toyr9n -› องค์ประกอบกระแสของฉัน

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) วิธีที่ดีที่สุดที่คุณสามารถทำได้คือฟังเหตุการณ์ 'เปลี่ยน' เพื่อดูว่าอินพุตนั้นถูกต้องหรือไม่: stripe.com/docs/js/element/input_validation - person Paul Asjes; 28.07.2020