如何在stripe.js中添加金额字段？

Question

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

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

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

My Fiddle is here，但我觉得这很难做到，也许我有一种内置的方法可以使用stripe.js来实现它？

Answer 1

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

您可以考虑改用Stripe Checkout，这将使您在表单中具有可变数量的字段。