Checkout Mundipagg digitar numero cartão seleciona bandeira



  • @charles
    Usamos a Mundipagg e gostaríamos que no checkout quando fosse digitado os 4 primeiros dígitos do cartão seleciona-se automaticamente a bandeira do cartão de credito como ocorre em diversos sites.

    É possível fazer isso?



  • Olá @sarahs, eu fiz um script para selecionar, automaticamente a bandeira ao digitar o primeiro número do cartão, então vou explicar o esquema dos números do cartão de crédito:

    Para o primeiro número do cartão:
    5 ou 2 --> Para Mastercard
    4 --> Para Visa
    6 --> Para Hipercard
    4,5 e 6 --> para Elo

    masssss ele não vai selecionar o cartão com a bandeira da ELO, pois esse tipo de cartão usa os três tipo de número 4, 5 e 6 e no código não será possível, pois o código vai errar na leitura e vai pegar de cara o cartão para visa se for digitar o 4, 5 se for digitar mastercard e 6 se for digitar Hipercard, então para isso funcionar corretamente tem um esquema que não sei como eles identificam, mas pode ser q isso é baseado no banco de dados de cada administrador de cartão de crédito, logo deixei essa opção da bandeira do cartão do tipo Elo ser selecionada por conta do usuário.

    Onde o código deve ser inserido? Segue abaixo como fazer para funcionar:

    0_1559767624644_screenshot-teste-xtech-intercom.xtechcommerce.com-2019.06.05-17-44-01.png

    {# SCRIPT QUE SELECIONA O TIPO DE BANDEIRA DO CARTÃO AO DIGITAR O PRIMEIRO NÚMERO DO CARTÃO -- MUNDIPAGG #}
    <script>
        
        $(function(){
            
            $('input[name="mundipagg[card_num]"]').keyup(function(){
                var firstNum = $(this).val().replace('_______________','');
                // console.log(firstNum);
                switch(true) {
                case firstNum == 5 || firstNum == 2:
                    $('.mundipagg_radio input[value=Mastercard]').prop('checked', true);
                    break;
                case firstNum == 4:
                    $('.mundipagg_radio input[value=Visa]').prop('checked', true);
                    break;
                case firstNum == 6:
                    $('.mundipagg_radio input[value=Hipercard]').prop('checked', true);
                    break;
                }
            });
            
        });
    </script>
    


  • Deu certo! =) Obrigada @charles