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

Question

我已在我的结帐页面中设置了一个嵌入式用户界面，但我希望在提交之前验证客户的帐单和送货地址以及下拉式UI卡详细信息结帐表格。

它自动从服务器创建nonce并将其附加到我们的表单中，但是如何才能同时验证插入和地址字段？

Answer 1

我在JS SDK团队的Braintree工作。

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

然而，您必须记住要将随机数包含在您的服务器期望的名称的输入字段中。缺省值是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

我希望这有助于。