Mascara do JQuery não ativa ao digitar
Olá Pessoal,
Eu peguei uma função de máscaras deste site https://igorescobar.github.io/jQuery-Mask-Plugin/ no qual ele preenche as mascáras ao digitar e estou tentando utilizá-la.
Já importei a biblioteca:que é a <script type="text/javascript" src="JS/jquery.mask.min.js"></script>
Já coloquei o script das máscaras também no header. (Já testei dentro do body, do form de tudo.)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8"/>
<link rel="stylesheet" type="text/css" href="CSS/styleCadastro.css">
<link rel="stylesheet" type="text/css" href="JS/sweetalert.css">
<title>Cadastre-se</title>
<script type="text/javascript" src="JS/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="JS/sweetalert.min.js"></script>
<script type="text/javascript" src="JS/jquery.mask.min.js"></script>
<script language="JavaScript" type="text/javascript" src="JS/cidades-estados-1.4-utf8.js"></script>
<script language="JavaScript" type="text/javascript" charset="utf-8">
window.onload = function() {
new dgCidadesEstados({
cidade: document.getElementById('cidade1'),
estado: document.getElementById('estado1')
})
}
</script><!-- SCRIPT DAS MASCARAS -->
<script type="text/javascript">
$(document).ready(function() {
$('.date').mask('00/00/0000');
$('.time').mask('00:00:00');
$('.date_time').mask('00/00/0000 00:00:00');
$('.cep').mask('00000-000');
$('.phone').mask('0000-0000');
$('.phone_with_ddd').mask('(00) 0000-0000');
$('.phone_us').mask('(000) 000-0000');
$('.mixed').mask('AAA 000-S0S');
$('.cpf').mask('000.000.000-00', {reverse: true});
$('.cnpj').mask('00.000.000/0000-00', {reverse: true});
$('.money').mask('000.000.000.000.000,00', {reverse: true});
$('.money2').mask("#.##0,00", {reverse: true});
$('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
translation: {
'Z': {
pattern: /[0-9]/, optional: true
}
}
});
$('.ip_address').mask('099.099.099.099');
$('.percent').mask('##0,00%', {reverse: true});
$('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
$('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
$('.fallback').mask("00r00r0000", {
translation: {
'r': {
pattern: /[\/]/,
fallback: '/'
},
placeholder: "__/__/____"
}
});
$('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
);
</script>
</head>Já tentei utilizar nesses campos de inúmeras formas e não sei porque a máscara não funciona: (é um resumo do meu body)
<body>
<form action="" method="post">
<label>CPF/CNPJ*</label><br>
<input class="cpf" type="text" name="cpfCnpj" value="<?php echo GetPost('cpfCnpj'); ?>" required="required" placeholder="Coloque seu CPF ou CNPJ..."><br>
<label>Telefone Celular* (DD) XXXXX-XXXX</label><br>
<input class="phone_with_ddd" type="tel" name="telefoneCelular" value="<?php echo GetPost('telefoneCelular'); ?>" pattern="\([0-9]{2}\) [0-9]{4,6}-[0-9]{3,4}$" required="required" placeholder="Coloque o numero do seu Celular..."><br>
<label>CEP XXXXX-XXX</label><br>
<input class="cep" type="text" name="cep" value="<?php echo GetPost('cep'); ?>" pattern= "\d{5}-?\d{3}" placeholder="Coloque seu CEP..."><br>
</form>
</body>Eu coloquei o class="" com o respectivo nome da máscara, fui digitar e não preenche a máscara.
Alguém poderia me ajudar?
Desde já agradecido!
Discussão (2)
Carregando comentários...