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


Braintree dropin UI : validate billing address custom fields before form submit

我在结账页面中设置了一个下拉式UI,但我想在提交结账表单之前验证客户的账单和发货地址以及下拉式UI卡的详细信息。

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

我在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+中的节点/sdk/客户端/丢弃

我希望这能有所帮助。