Checkout Mundipagg digitar numero cartão seleciona bandeira

[Sarahs]

@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?

[charles]

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:

{# 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>

[Sarahs]

Deu certo! Obrigada @charles