如何在付款流程运行时禁用条纹表单字段?

may*_*iya 4 forms payment stripe-payments disable

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

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

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

有没有办法form fieldpayment process执行时禁用?

w1z*_*n1p 14

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

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

card.update({ disabled: true });
Run Code Online (Sandbox Code Playgroud)

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

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