Braintree dropin UI: convalidare i campi personalizzati dell'indirizzo di fatturazione prima del modulo inviare

Question

Ho impostato un'interfaccia utente drop-in nella mia pagina di checkout, ma voglio convalidare gli indirizzi di fatturazione e spedizione dei clienti come pure i dettagli della scheda dell'interfaccia utente prima di inviare il modulo di verifica

Crea automaticamente nonce dal server e lo aggiunge al nostro modulo, ma come posso convalidare i campi di drop-in e di indirizzo nello stesso momento?

Answer 1

Lavoro a Braintree nel team JS SDK.

Attualmente il drop-in non consente campi oltre a Carta di credito, Scadenza, CVV e Codice postale. Tuttavia, è progettato per funzionare nel contesto del modulo di checkout. Se desideri impedire a Drop-In di inviare automaticamente il modulo in modo da poter eseguire la convalida una volta generato un nonce, puoi definire un callback nella configurazione e quindi inviare nuovamente il modulo manualmente quando sei soddisfatto con i tuoi risultati.

Dovrete comunque ricordare di includere il nonce in un campo di input con un nome che il vostro server si aspetta. L'impostazione predefinita è payment_method_nonce.

Ad esempio:

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

    } 
}); 

Maggiori informazioni in tutto questo può essere trovato qui: https://developers.braintreepayments.com/javascript+node/sdk/client/drop-in

Spero che questo aiuta.