我正在我的 angular 项目中实现 strip 支付功能。我在条纹表单定制方面取得了成功。
我的实际问题是从这里开始。当用户输入卡片详细信息和 press PAY
按钮时。 loader
是支付按钮内的 spin
。但是用户仍然可以 change
卡号和其他详细信息。
我想在执行 strip 支付过程时禁用所有表单字段。我确实尝试了很多搜索解决方案,但未能获得单一解决方案。
当 form field
正在执行时,有什么方法可以禁用 payment process
吗?
最佳答案
在您的表单提交处理程序或提交按钮的单击处理程序中,通常禁用提交按钮和卡片元素,以便用户不会更改卡片详细信息。
您可以在元素 [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
关于forms - 如何在付款流程运行时禁用 Stripe 表单字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60576172/