Braintree dropin UI: sprawdź pola adresu fakturowania przed wysłaniem formularza

Question

Skonfigurowałem interfejs użytkownika na stronie mojej kasy, ale chcę zweryfikować adresy rozliczeniowe i wysyłkowe klientów oraz dane karty interfejsu użytkownika przed przesłaniem formularz kasy.

Automatycznie tworzy nonce z serwera i dołącza ją do naszego formularza, ale jak mogę sprawdzić poprawność pól wpuszczania i adresu w tym samym czasie?

Answer 1

Pracuję w Braintree w zespole JS SDK.

Obecnie pole wyboru nie uwzględnia pól poza kartą kredytową, wygaśnięciem, CVV i kodem pocztowym. Został on jednak zaprojektowany do pracy w kontekście Twojego formularza kasowego. Jeśli chcesz zapobiec automatycznemu przesyłaniu formularza wstawiania, aby można było uruchomić własną walidację po wygenerowaniu numeru, możesz zdefiniować wywołanie zwrotne w swojej konfiguracji, a następnie ręcznie ponownie przesłać formularz, gdy jesteś usatysfakcjonowany. ze swoimi wynikami.

Należy jednak pamiętać o dodaniu numeru w polu wejściowym o nazwie oczekiwanej przez serwer. Wartość domyślna to payment_method_nonce.

Na przykład:

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

    } 
}); 

Więcej informacji wokół tego można znaleźć tutaj: https://developers.braintreepayments.com/javascript+node/sdk/client/drop-in

Mam nadzieję, że to pomaga.