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

我希望这有帮助.