如何向 stripe.js 添加金额字段？答案

【问题标题】：How do I add an amount field to stripe.js?如何向 stripe.js 添加金额字段？
【发布时间】：2019-06-16 14:48:09
【问题描述】：

我正在尝试通过添加金额字段来修改Stripe's quickstart form，以便客户可以输入他们希望收取的金额。我希望它出现在卡号字段之前，但它不会呈现。我正在尝试克隆到期字段（或与此相关的任何字段）并将其插入卡号之前：

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

新字段未显示，但我注意到在 DOM 中现在创建了一个 iframe 元素。

My Fiddle is here 但我觉得这样做很困难，也许有一种内置的方法可以用我缺少的 stripe.js 做到这一点？？

【问题讨论】：

你检查过documentation on the paymentRequest call吗？在那里你可以根据另一个元素设置数量。
您好，stripe 托管表单由 Stripe 托管并呈现在 iframe 中，您将无法通过正常的 javascript DOM 修改对其进行修改。不过，您可以在 iframe 之外创建一个单独的输入作为普通的 inptu 字段。
@Máté 数量是可变的，由用户设置。除非我误会那行不通？？？

【解决方案1】：

正如 wsw 提到的，Stripe 创建的表单托管在 iframe 中，因此您无法直接访问它。这是为了确保您网页上的 PCI 合规性。

您可以考虑改用Stripe Checkout，这将允许您在表单中使用可变金额字段。

【讨论】：