付款流程运行时如何禁用条带表单字段？答案

【问题标题】：How to disable stripe form field when payment process is running?付款流程运行时如何禁用条带表单字段？
【发布时间】：2020-06-19 21:41:25
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

card.update({ disabled: true });

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

【讨论】：