0
Utilizando Plugin de Máscara de formulários para JQuery - Masked Input
Chame os arquivos .js dentro da TAG <head>
Exemplo:
<head>
<title> Utilizando Plugin de Máscara de formulários para JQuery - Masked Input </title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput.js"/></script>
</head>
Para aplicar a máscara, use as seguintes regras:
a - Representa qualquer letra (A-Z,a-z)
9 - Representa qualquer número (0-9)
* - Representa qualquer caractére alfanumérico (A-Z,a-z,0-9)
Exemplos:
(não é obrigatorio usar todos deixe apenas o que vc for usar)
Obs:. coloque dentro da TAG <head> também.
<script>
jQuery(function($){
$("#telefone").mask("99-9999-9999");
$("#cpf").mask("999.999.999-99");
$("#cnpj").mask("99.999.999/9999-99");
$("#cep").mask("99999-999");
$("#data").mask("99/99/9999");
$("#hora").mask("99:99");
});
</script>
Agora vamos fazer com que apareça a mascara no input:
Obs:. não importa qual o nome do input e sim o id para que apareça a mascara; no caso o id das mascaras acima são: telefone, cpf, cnpj, etc...
Hora:
<input name="hora" type="text" id="hora">
CPF:
<input name="cpf" type="text" id="cpf">
CNPJ:
<input name="cnpj" type="text" id="cnpj">
então pessoal é isso, espero que tenha ajudado!
Segue o link abaixo de exemplo no nosso artigo.
http://www.anbdesign.net/phpbrasil/js
Exemplo:
<head>
<title> Utilizando Plugin de Máscara de formulários para JQuery - Masked Input </title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput.js"/></script>
</head>
Para aplicar a máscara, use as seguintes regras:
a - Representa qualquer letra (A-Z,a-z)
9 - Representa qualquer número (0-9)
* - Representa qualquer caractére alfanumérico (A-Z,a-z,0-9)
Exemplos:
(não é obrigatorio usar todos deixe apenas o que vc for usar)
Obs:. coloque dentro da TAG <head> também.
<script>
jQuery(function($){
$("#telefone").mask("99-9999-9999");
$("#cpf").mask("999.999.999-99");
$("#cnpj").mask("99.999.999/9999-99");
$("#cep").mask("99999-999");
$("#data").mask("99/99/9999");
$("#hora").mask("99:99");
});
</script>
Agora vamos fazer com que apareça a mascara no input:
Obs:. não importa qual o nome do input e sim o id para que apareça a mascara; no caso o id das mascaras acima são: telefone, cpf, cnpj, etc...
Hora:
<input name="hora" type="text" id="hora">
CPF:
<input name="cpf" type="text" id="cpf">
CNPJ:
<input name="cnpj" type="text" id="cnpj">
então pessoal é isso, espero que tenha ajudado!
Segue o link abaixo de exemplo no nosso artigo.
http://www.anbdesign.net/phpbrasil/js
Novo Comentário: