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

我希望這有助於。