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

Question

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

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

Answer 1

我在JS SDK团队的Braintree工作。

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

但是，您必须记住将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

我希望这有帮助。