Máscara jquery funciona apenas no primeiro campo
Olá pessoal, um erro estranho que não estou conseguindo identificar, então peço ajuda da galera.
tenho um form onde uso algumas máscaras em jquery:
<script src="jquery.maskedinput-master/lib/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.maskedinput-master/dist/jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$.mask.definitions['~'] = "[+-]";
$("#data_nascimento").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
$("#telefone").mask("(99) 9999-9999",{completed:function(){alert("Completo! Dados OK");}});
$("#CEP").mask("99999-999",{completed:function(){alert("Completo! Dados OK");}});
$("#RG").mask("99.999.999-9",{completed:function(){alert("Completo! Dados OK");}});
$("#CIC").mask("999.999.999-99",{completed:function(){alert("Completo! Dados OK");}});
$("#CTPS").mask("999999-9",{completed:function(){alert("Completo! Dados OK");}});
$("#serie").mask("9999-9",{completed:function(){alert("Completo! Dados OK");}});
$("#admissao").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
$("input").blur(function() {
$("#info").html("Unmasked value: " + $(this).mask());
}).dblclick(function() {
$(this).unmask();
});
});
</script>
só que ela esta funcionando apenas no primeiro campo. O resto ela não faz nada.
Tenho também nesta página um js para verificar os dados, apenas como requerido.
function validar_cadastro() {
falta = "";
faltando=0;
with(document.form1) {
if(nome.value==""){
falta = (falta+"Nome"+"\n");
faltando = faltando +1;
}
if(natural_de.value==""){
falta = (falta+"Naturalidade"+"\n");
faltando = faltando +1;
}
if(estado_civil.value==""){
falta = (falta+"Estado Civil"+"\n");
faltando = faltando +1;
}
erro=0;
hoje = new Date();
anoAtual = hoje.getFullYear();
barras = data_nascimento.value.split("/");
if (barras.length == 3){
dia = barras[0];
mes = barras[1];
ano = barras[2];
resultado = (!isNaN(dia) && (dia > 0) && (dia < 32)) && (!isNaN(mes) && (mes > 0) && (mes < 13)) && (!isNaN(ano) && (ano.length == 4) && (ano <= anoAtual && ano >= 1900));
if (!resultado) {
falta = (falta+"Data de Nascimento Inválida"+"\n");
faltando = faltando +1;
}
} else {
falta = (falta+"Data de Nascimento Inválida"+"\n");
faltando = faltando +1;
}
if(endereco.value==""){
falta = (falta+"Endereço"+"\n");
faltando = faltando +1;
}
if(bairro.value==""){
falta = (falta+"Bairro"+"\n");
faltando = faltando +1;
}
if(cidade.value==""){
falta = (falta+"Cidade"+"\n");
faltando = faltando +1;
}
if(telefone.value==""){
falta = (falta+"Telefone"+"\n");
faltando = faltando +1;
}
if(RG.value==""){
falta = (falta+"RG"+"\n");
faltando = faltando +1;
}
if(CIC.value==""){
falta = (falta+"CPF"+"\n");
faltando = faltando +1;
}
if(CTPS.value==""){
falta = (falta+"CTPS"+"\n");
faltando = faltando +1;
}
if(serie.value==""){
falta = (falta+"Série"+"\n");
faltando = faltando +1;
}
if(razao_social.value==""){
falta = (falta+"Razão Social da Empresa"+"\n");
faltando = faltando +1;
}
if(nome_fantasia.value==""){
falta = (falta+"Nome Fantasia da Empresa"+"\n");
faltando = faltando +1;
}
if(cargo.value==""){
falta = (falta+"Cargo em que Ocupa"+"\n");
faltando = faltando +1;
}
erro=0;
hoje = new Date();
anoAtual = hoje.getFullYear();
barras = admissao.value.split("/");
if (barras.length == 3){
dia = barras[0];
mes = barras[1];
ano = barras[2];
resultado = (!isNaN(dia) && (dia > 0) && (dia < 32)) && (!isNaN(mes) && (mes > 0) && (mes < 13)) && (!isNaN(ano) && (ano.length == 4) && (ano <= anoAtual && ano >= 1900));
if (!resultado) {
admissao.focus();
falta = (falta+"Data de Admissão Inválida"+"\n");
faltando = faltando +1;
}
} else {
falta = (falta+"Data de Admissão Inválida"+"\n");
faltando = faltando +1;
}
}
if(faltando>0){
alert("Preencha os seguintes dados: \n\n"+falta)
return false;
}
else{
return true;
}
}
function Tecla(e){
if (document.all) // Internet Explorer
var tecla = event.keyCode;
else if(document.layers) // Nestcape
var tecla = e.which;
if (tecla > 47 && tecla < 58) // numeros de 0 a 9
return true;
else{
if (tecla != 8) // backspace
event.keyCode = 0;
else
return true;
}
}
function Data(e){
if (document.all) // Internet Explorer
var tecla = event.keyCode;
else if(document.layers) //
var tecla = e.which;
if (tecla > 46 && tecla < 58) // numeros de 0 a 9
return true;
else{
if (tecla != 8) // backspace
event.keyCode = 0;
else
return true;
}
}
aqui a página
e aqui outro exemplousando os mesmos códigos jquery mask que esta funcionando normal.
Por favor me ajudem.
Obrigado
Pessoal.... resolvido.....
eu tinha esquecido de colocar o id no input.
Discussão (3)
Carregando comentários...