Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LockSpy

Mascara do JQuery não ativa ao digitar

Por , em Javascript

Recommended Posts

LockSpy    0

LockSpy
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

LockSpy    0

LockSpy
Postado

Antes de fechar o JS (o segundo, logo acima da head), feche o jQuery, inserindo isso: });

Deu certo! Não acredito que era uma chave. E olha que eu tinha visto isso mais ainda deixei passar. Obrigado Allex desculpa o incomodo por um erro besta. Vlw!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito