Validação de campo Cartão de Crédito
Olá!
Estou tentando montar um campo para validação de cartão de crédito e sua bandeira; acabei encontrando o seguinte código: http://jsfiddle.net/q0x3ksv3/
Funciona perfeitamente nessa URL, porém quando tento incluí-lo no meu site, não funciona, tem algo faltando? Segue meu código para entenderem melhor:
<script>
var cartoes = {
visa: /^4[0-9]{12}(?:[0-9]{3})/,
mast: /^5[1-5][0-9]{14}/,
amex: /^3[47][0-9]{13}/,
invalidos: /^[0126789]|^5[06-9]{1}|^3[1235689]/
};
document.getElementById('num').addEventListener('keyup', testarCC);
var inputs = document.querySelectorAll('.fsResDir input[type="radio"]');
function testarCC(e) {
var nr = this.value;
var tipo;
for (var cartao in cartoes) if (nr.match(cartoes[cartao])) tipo = cartao;
if (tipo) document.getElementById(tipo).click();
else for (var i = 0; i < inputs.length; i++) inputs[i].checked = false;
}
</script>
<fieldset class="fsResDir">
<legend>Dados do Cartão </legend>
<input type="radio" name="RadBand" id="visa" />
<label for="visa">
<img src="visa.png" />
</label>
<input type="radio" name="RadBand" id="mast" />
<label for="mast">
<img src="master.png" />
</label>
<input type="radio" name="RadBand" id="amex" />
<label for="amex">
<img src="amex.png" />
</label>
<label for="val" class="lab90">Validade:</label>
<input type="text" class="ent20Form" id="val" name="TxtValMes" />/
<input type="text" class="ent40Form" name="TxtValAno" />
<label for="num" class="lab90">Numero:</label>
<input type=text class="ent120Form" id="num" name="TxtNumero" />
</div>
</fieldset>
Obrigado!Discussão (7)
Carregando comentários...