如何在支付流程为 运行 时禁用条纹表单字段？
How to disable stripe form field when payment process is running?
我正在我的 angular 项目中实现条带支付功能。我在条纹形式定制方面取得了成功。
我的实际问题是从这里开始。当用户输入卡详细信息和 press PAY 按钮时。 loader 是支付按钮内的 spin。但用户仍然可以 change 卡号和其他详细信息。
我想在执行条带支付过程时禁用所有表单字段。我确实尝试了很多搜索解决方案，但未能获得单一解决方案。
有什么方法可以在 payment process 执行时禁用 form field 吗？
在您的表单提交处理程序或提交按钮的点击处理程序中，通常会同时禁用提交按钮和卡片元素，这样用户就不会更改卡片详细信息。
您可以在元素 [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
我正在我的 angular 项目中实现条带支付功能。我在条纹形式定制方面取得了成功。
我的实际问题是从这里开始。当用户输入卡详细信息和 press PAY 按钮时。 loader 是支付按钮内的 spin。但用户仍然可以 change 卡号和其他详细信息。
我想在执行条带支付过程时禁用所有表单字段。我确实尝试了很多搜索解决方案，但未能获得单一解决方案。
有什么方法可以在 payment process 执行时禁用 form field 吗？
在您的表单提交处理程序或提交按钮的点击处理程序中，通常会同时禁用提交按钮和卡片元素，这样用户就不会更改卡片详细信息。
您可以在元素 [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