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.