有什么方法可以检测到插入的braintree.js 表单的提交点击？答案

【问题标题】：Is there any way to detect a drop-in braintree.js form's submit click?有什么方法可以检测到插入的braintree.js 表单的提交点击？
【发布时间】：2015-09-07 11:41:04
【问题描述】：

我正在使用braintree.js 表单。我通过注册onPaymentMethodReceived 回调使用ajax 提交它。到目前为止一切顺利，效果很好。

但是，在提交表单后，有两个步骤：首先将付款详细信息提交到 Braintree 并进行验证（当微调器显示在表单上时），然后页面上的详细信息是匿名的，onPaymentMethodReceived回调触发我可以用来发送到我的服务器的随机数。

问题是我想在单击表单提交按钮时禁用它，但是在其上注册 onClick 处理程序会导致 Braintree 忽略单击。

我知道此时客户的卡片详细信息在页面上可见，但由于 iframe 来自不同的域，以及此时我可以使用的任何潜在方法来获取无论如何，我可以用setInterval() 做的详细信息，所以我真的没有看到这方面的安全案例。

有什么方法可以检测到点击这里吗？

【问题讨论】：

标签： javascript braintree

【解决方案1】：

_{全面披露：我在 Braintree 工作。如果您还有任何问题，请随时联系support。}

据我所知，您不能在使用 Drop-In 的标记化过程中跳入。听起来您正在为您的用户创建自定义体验，步骤为beyond the Drop-In use case。

在 onPaymentMethodReceived 回调之后启用表单提交按钮是常见的 Drop-In 使用流程，但通过创建自定义集成，您可以直接 handle the client-side tokenization process 并将其包装为您需要的任何功能：

var client = new braintree.api.Client({clientToken: "CLIENT-TOKEN-FROM-SERVER"});

client.tokenizeCard({
  number: "4111111111111111",
  expirationDate: "10/20"
}, function (err, nonce) {
  // Send nonce to your server
});

【讨论】：