forms - 如何在付款流程运行时禁用 Stripe 表单字段？

Question

我正在我的 angular 项目中实现 strip 支付功能。我在条纹表单定制方面取得了成功。

我的实际问题是从这里开始。当用户输入卡片详细信息和 press PAY 按钮时。 loader 是支付按钮内的 spin。但是用户仍然可以 change 卡号和其他详细信息。

我想在执行 strip 支付过程时禁用所有表单字段。我确实尝试了很多搜索解决方案，但未能获得单一解决方案。

当 form field 正在执行时，有什么方法可以禁用 payment process 吗？

Answer 1

在您的表单提交处理程序或提交按钮的单击处理程序中，通常禁用提交按钮和卡片元素，以便用户不会更改卡片详细信息。

您可以在元素 [1] 上使用 update 方法并传递 disabled: true 来禁用条纹元素。

card.update({ disabled: true });

这是一个 JS Fiddle 来演示: https://jsfiddle.net/utdz6pkr/1/

[1] https://stripe.com/docs/js/element/other_methods/update?type=card#element_update-options-disabled