Máscara de CNPJ com jQuery

O jQuery é um grande facilitador na implementação de códigos com javascript. Implementar uma máscara de CNPJ é extremamente simples utilizando esta biblioteca e um de seus plugins: o jquery.maskedinput.

Antes de mais nada, faça o download dos dois scripts a seguir. Clique com o botão direito para salvar os arquivos em seu computador.

- jquery-1.2.6.pack.js
- jquery.maskedinput-1.1.4.pack.js

O primeiro passo é consiste em referenciar os dois scripts acima no código de sua página, o que deve ser feito imediatamente antes de fechar a tag head, como ilustrado abaixo:

<title>Título do seu Site</title>...<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script><script src="js/jquery.maskedinput-1.1.4.pack.js" type="text/javascript" /></script>

Na linha seguinte do seu código, inicialize a máscara utilizando copiando e colando o trecho abaixo:

<script type="text/javascript">$(document).ready(function(){	$("#cnpj").mask("99.999.999/9999-99");});</script>

Agora, crie seu formulário e utilize o atributo id='cnpj' no campo de texto relativo ao CNPJ:

<form name="formulario" method="get" action=""><input name="cnpj" type="text" id="cnpj"/></form>

Pronto! Simples assim! A máscara de CNPJ já estará em pleno funcionamento. Pra melhorar ainda mais, repare que o script já impede a digitação de caracteres que não números. Tente incluirno campo de exemplo abaixo letras, ponto, traço ou outros caracteres especiais e verifique o que acontece.

Caso o usuário interrompa a digitação sem preencher os quatorze dígitos que compõem um CNPJ e mude de campo, o script automaticamente limpa o valor preenchido assumindo uma condição de erro.

Exemplo de funcionamento da máscara:

Se você precisa verificar o CNPJ digitado, consulte nosso artigo sobre validação de CNPJ com javascript.


Divulgue este Artigo!




Copyright - 2007-2015 - Gerador de CNPJ - Como Gerar CNPJ 's Válidos