javascript - Braintree 插件，在处理时禁用提交按钮

Question

我正在尝试做一些看似简单但我无法让它工作的事情。我正在使用 Braintree dropin UI，并且有提交按钮。我需要在处理时禁用该按钮，但我找不到可以附加的好事件。

var ct = 'tokenhere';
var bt = braintree.setup(ct, 'dropin', {
  container: 'braintreedropin',
});

<form id="PayByBrainTreeCheckout" method="post">
  <div id="braintreedropin"></div>       
  <input type="submit" value="Pay">                          
</form>

我尝试了 $('#PayByBrainTreeCheckout').submit(function(){/*disable button*/}) 但如果表单中存在验证错误，这也会禁用按钮.

有什么想法吗？谢谢

Answer 1

我也在布伦特里工作。您是正确的，客户可以在提交交易时点击提交按钮两次，但您不必担心客户被收取两次费用，因为第二次交易会失败(信用卡生成的随机数可以只能使用一次)。此外，提交后表单上的即时视觉反馈旨在让客户知道正在处理他们的按钮按下操作。

如果您确实想做更复杂的事情(例如添加自定义回调以禁用提交按钮)，我们的自定义集成是一个不错的选择。

正如 Mat 所提到的，如果您在集成方面需要进一步的帮助，请随时联系 support@getbraintree.com!