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 Elomasssss 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>
-
Deu certo!
Obrigada @charles