Máscara de CNPJ com jQuery

Aprenda como criar uma máscara de CNPJ utilizando jQuery

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.

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:

<head>
<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 de CNPJ:

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

Gostou? Divulgue Este Artigo!