Braintree Dropin UI: Überprüfen Sie die Rechnungsadresse benutzerdefinierte Felder vor dem Senden des Formulars

Question

Ich habe eine Drop-in-Benutzeroberfläche auf meiner Checkout-Seite eingerichtet, aber ich möchte die Rechnungs-und Lieferadressen sowie Drop-in UI-Karte Details vor dem Einreichen der Checkout-Formular.

Es erstellt automatisch Nonce vom Server und hängt es an unser Formular an, aber wie kann ich die Drop-In und Adressfelder gleichzeitig validieren?

Answer 1

Ich arbeite in Braintree auf der JS SDK-Team.

Momentan erlaubt das Drop-In keine Felder außerhalb von Kreditkarten, Ablauf, CVV und Postleitzahl. Es ist jedoch so konzipiert, dass es im Zusammenhang mit Ihrem Checkout-Formular verwendet werden kann. Wenn Sie verhindern möchten, dass Drop-In das Formular automatisch übermittelt, damit Sie nach der Erstellung einer Nonce eine eigene Validierung durchführen können, können Sie in Ihrer Konfiguration einen Rückruf definieren und das Formular anschließend manuell erneut senden, wenn Sie zufrieden sind mit deinen Ergebnissen.

Sie müssen jedoch daran denken, die Nonce in ein Eingabefeld mit einem Namen aufzunehmen, den Ihr Server erwartet. Der Standardwert ist payment_method_nonce.

Zum Beispiel:

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); 

    } 
}); 

Weitere Informationen rund um diese finden sich hier: https://developers.braintreepayments.com/javascript+node/sdk/client/drop-in

Ich hoffe, das hilft.