Braintree dropin UI：在提交表单之前验证帐单地址自定义字段

Question

我在结帐页面中设置了一个插入式 UI，但我想在提交结帐表单之前验证客户的帐单和送货地址以及插入式 UI 卡详细信息。

它会自动从服务器创建 nonce 并将其附加到我们的表单中，但是如何同时验证 drop-in 和 address 字段？

Answer 1

我在 Braintree 的 JS SDK 团队工作。

目前，Drop-In 不允许使用信用卡、过期、CVV 和邮政编码以外的字段。但是，它旨在在结帐表单的上下文中工作。如果您想阻止 Drop-In 自动提交表单，以便在生成 nonce 后运行自己的验证，您可以在配置中定义回调，然后在您满意时手动重新提交表单与您的结果。

但是，您必须记住将 nonce 包含在输入字段中，并使用您的服务器期望的名称。默认为payment_method_nonce。

例如：

braintree.setup('CLIENT_TOKEN', 'dropin', {
  paymentMethodNonceReceived: function (event, nonce) {
    // Simulate your validation
    setTimeout(function () {
      var form = document.getElementsByTagName('form')[0];
      var input = document.createElement('input');

      input.name = 'payment_method_nonce';
      input.value = nonce;

      form.appendChild(input);

      form.submit();
    }, 500);

  }
});

更多信息可以在这里找到：https://developers.braintreepayments.com/javascript+node/sdk/client/drop-in

我希望这会有所帮助。