Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Implementei corretamente um plugin Jquery pra fazer máscaras nos inputs de um formulário. No entanto ao inserir um código script de validação de campos a mascara para funcionar.
Não tenho a mínima ideia de onde possa estar o erro.
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>:: Sky Santel</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/estrutura.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="css/validar.css" rel="stylesheet" type="text/css" />
<link href="css/paginas/assine-sky.css" rel="stylesheet" type="text/css" />
<link href="css/form/assine-sky.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"></script>
<script type="text/javaScript" src="js/jquery-validation-1.9.0/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".dataMask").mask("99/99/9999");
$(".cpfMask").mask("999.999.999-99");
$(".cepMask").mask("99999-999");
$(".telefoneMask").mask("(999)9999-9999");
$(".celularMask").mask("(999)9999-9999");
$("a[rel=page]").fancybox();
});
</script>
<script type="text/javascript">
$(document).ready( function() {
$("#FormAssineSky").validate({
rules:{
Nome:{
required: true, minlength: 2
},
Sobrenome:{
required: true, minlength: 2
},
rg:{
required: true
},
DataNascimento:{
required: true, minlength: 8
},
Email:{
required: true, email: true
},
TelefoneFixo:{
required: true, minlength: 11
},
TelefoneCelular:{
required: true, minlength: 11
},
TelefoneCelular:{
required: true, minlength: 11
},
Endereco:{
required: true, minlength: 6
},
Bairro:{
required: true, minlength: 2
},
Cidade:{
required: true, minlength: 2
},
Estado:{
required: true, minlength: 2
}
},
messages:{
Nome:{
required: "O campo nome é obrigatório",
minlength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
Sobrenome:{
required: "O campo sobrenome é obrigatório",
minlength: "O seu sobrenome deve conter, no mínimo, 2 caracteres"
},
rg:{
required: "O campo RG é obrigatório"
},
DataNascimento:{
required: "O campo data de nascimento é obrigatório",
minlength: "O campo data de nascimento deve conter, no mínimo, 8 caracteres"
},
Email:{
required: "O campo e-mail é obrigatório",
email: "Digite um e-mail válido"
},
TelefoneFixo:{
required: "O campo telefone é obrigatório",
minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
},
TelefoneCelular:{
required: "O campo telefone é obrigatório",
minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
},
Endereco:{
required: "O campo endereço é obrigatório",
minlength: "O campo endereço deve conter, no mínimo, 6 caracteres"
},
Bairro:{
required: "O campo bairro é obrigatório",
minlength: "O campo bairro deve conter, no mínimo, 2 caracteres"
},
Cidade:{
required: "O campo cidade é obrigatório",
minlength: "O campo cidade deve conter, no mínimo, 2 caracteres"
},
Estado:{
required: "O campo estado é obrigatório",
minlength: "O campo estado deve conter, no mínimo, 2 caracteres"
}
}
});
});
</script>
</head>Alguém saberia me dizer o que fiz de errado? Agradeço desde já.
Carregando comentários...