Máscara de camada

10 de agosto de 2016 4 respostas Resolvido

IgorCasttilho 10 de agosto de 2016

Olá,
Como usar máscara de camada usando jQuery?

Tentei fazer, por favor, vejam o que está errado pois não está dando certo:

<html>

<head>
	<title></title>
	
	<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
	
	<script>
		jQuery("#campoData").mask("99/99/9999");
		jQuery("#campoSalario").mask("R$0,00");
	</script>
</head>

<body>
	<form method="post" action="exer1.php" name="cadastro">
		Salário: <input name="salario" type="text" size="15" id="campoSalario>
		Data de nascimento: <input name="datanasc" type="text" size="15" id="campoData">
	</form>
</body>

</html>

4 Respostas

Lucas_Camara 10 de ago. de 2016

Coloque essa declaração das máscaras depois do form que deve funcionar. Do jeito que está o jquery não está encontrando os elementos #campoData e #campoSalario, pois eles ainda não foram criados no DOM.

IgorCasttilho 10 de ago. de 2016

Não deu certo ainda

Solucao aceita

Dragoon 10 de ago. de 2016 1 like

Além do JQuery você precisa referenciar o Jquery.maskedinput e JQuery.money

https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js
https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js

e fazer uma chamada assim:

<input type="text" id="txtdata" name="txtdata">
<input type="text" id="txtvalor" name="txtvalor">

$(document).ready(function()
{
   $("#txtdata").mask("99/99/9999");
   $("#txtvalor").maskMoney({decimal:",", thousands:"."});
});

DEMO

IgorCasttilho 11 de ago. de 2016 1 like

Deu certo, valeu!

Criado 10 de agosto de 2016

Ultima resposta 11 de ago. de 2016

Respostas 4

Participantes 3

4 Respostas

Topicos relacionados