Alguem exemplo ou javascrpit facil para Mascaras

marciofermino · Março 14, 2007, 12:31pm

Tipo:
CEP
TEL
VALORES $
VALORES %
CPF
CNPJ
etc…

Quem tiver e pode passar obrigado

fabiozoroastro · Março 14, 2007, 1:05pm

http://www.dojotoolkit.org/
http://developer.yahoo.com/yui/dragdrop/#using

Eu te aconselho a usar essas validações em classes java utilizando a framework BrazilUtils API e exibindo as mensagens de erro/sucesso via ajax.
Além de ficar mais confiável, enriquece muito mais a sua aplicação. Mas essa é a minha opinião.
Entra nesses links aew que eu passei, pode ser que você encontre algo.
Abraço.

furutani · Março 14, 2007, 1:10pm

Tenta usar esse aqui
É bem simples de configurar

fabiozoroastro · Março 14, 2007, 1:23pm

Perdão, eu nem prestei atenção direito no seu post. Eu confundi máscara com validações. :oops:

griciolli · Março 14, 2007, 1:33pm

Nesse exemplo o no evento do campo chama duas funções uma para mascarar o cnpj e validar só valores numéricos

<input type="text" name="cnpj" size="18" OnKeyUp="mascara_cnpj(this.name,this.value,this.form)" onKeypress="campo_numerico()" maxlength="18"
            value="">

function mascara_cnpj (campo,numero_cpf_cnpj,f){
		var vl_numero_cpf_cnpj = '';
		vl_numero_cpf_cnpj = vl_numero_cpf_cnpj + numero_cpf_cnpj;

		if (vl_numero_cpf_cnpj.length == 2){
			vl_numero_cpf_cnpj   = vl_numero_cpf_cnpj + '.';

			ct_campo = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
			ct_campo;
		}

		if (vl_numero_cpf_cnpj.length == 6){
					vl_numero_cpf_cnpj   = vl_numero_cpf_cnpj + '.';

					ct_campo = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
					ct_campo;
		}

		if (vl_numero_cpf_cnpj.length == 10){
			vl_numero_cpf_cnpj 	  = vl_numero_cpf_cnpj + '/';

			ct_campo1 = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
			ct_campo1;
		}

		if (vl_numero_cpf_cnpj.length == 15){
					vl_numero_cpf_cnpj 	  = vl_numero_cpf_cnpj + '-';

					ct_campo1 = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
					ct_campo1;
		}

		if (vl_numero_cpf_cnpj.length == 18){


			valida_cnpj(f,campo);
		}
	}

function campo_numerico (){
			if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;
	}

Essa função agora é para mascarar o CPF

<input type="text" name="cnpj" size="18" OnKeyUp="mascara_cpf (this.name,this.value,this.form)" onKeypress="campo_numerico()" maxlength="18"
            value="">

function mascara_cpf (campo,numero_cpf_cnpj,f){
		var vl_numero_cpf_cnpj = '';
		vl_numero_cpf_cnpj = vl_numero_cpf_cnpj + numero_cpf_cnpj;

		if (vl_numero_cpf_cnpj.length == 3){
			vl_numero_cpf_cnpj   = vl_numero_cpf_cnpj + '.';

			ct_campo = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
		}

		if (vl_numero_cpf_cnpj.length == 7){
			vl_numero_cpf_cnpj   = vl_numero_cpf_cnpj + '.';

			ct_campo = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
		}

		if (vl_numero_cpf_cnpj.length == 11){
			vl_numero_cpf_cnpj 	  = vl_numero_cpf_cnpj + '-';

			ct_campo1 = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj");
		}

		if (vl_numero_cpf_cnpj.length == 14){

			valida_cpf(f,campo);
		}

		if (vl_numero_cpf_cnpj.length > 14){

			vl_numero_cpf_cnpj	  = eval("document."+f+"."+campo+".value.substring(0,14)");
			ct_campo2 = eval("document."+f+"."+campo+".value = vl_numero_cpf_cnpj ");
		}

	}

Essas duas funções é para validar o CPF ou CNPJ

function valida_cnpj(f,campo){
		pri = eval("document."+f+"."+campo+".value.substring(0,2)");
		seg = eval("document."+f+"."+campo+".value.substring(3,6)");
		ter = eval("document."+f+"."+campo+".value.substring(7,10)");
		qua = eval("document."+f+"."+campo+".value.substring(11,15)");
		qui = eval("document."+f+"."+campo+".value.substring(16,18)");

		var i;
		var numero;
		var situacao = '';

		numero = (pri+seg+ter+qua+qui);

		s = numero;
		c = s.substr(0,12);
		var dv = s.substr(12,2);
		var d1 = 0;

		for (i = 0; i < 12; i++){
			d1 += c.charAt(11-i)*(2+(i % 8));
		}

		if (d1 == 0){
			var result = "falso";
		}
			d1 = 11 - (d1 % 11);

		if (d1 > 9) d1 = 0;

		if (dv.charAt(0) != d1){
			var result = "falso";
		}

		d1 *= 2;
		for (i = 0; i < 12; i++){
			d1 += c.charAt(11-i)*(2+((i+1) % 8));
		}

		d1 = 11 - (d1 % 11);
		if (d1 > 9) d1 = 0;

		if (dv.charAt(1) != d1){
			var result = "falso";
		}


		if (result == "falso") {
			alert("CNPJ inválido!");
			aux1 = eval("document."+f+"."+campo+".focus");
			aux2 = eval("document."+f+"."+campo+".value = ''");
		}
	}


	function valida_cpf(f,campo){
		pri = eval("document."+f+"."+campo+".value.substring(0,3)");
		seg = eval("document."+f+"."+campo+".value.substring(4,7)");
		ter = eval("document."+f+"."+campo+".value.substring(8,11)");
		qua = eval("document."+f+"."+campo+".value.substring(12,14)");

		var i;
		var numero;

		numero = (pri+seg+ter+qua);
		s = numero;
		c = s.substr(0,9);
		var dv = s.substr(9,2);
		var d1 = 0;

		for (i = 0; i < 9; i++){
			d1 += c.charAt(i)*(10-i);
		}

		if (d1 == 0){
			var result = "falso";
		}

		d1 = 11 - (d1 % 11);
		if (d1 > 9) d1 = 0;

		if (dv.charAt(0) != d1){
			var result = "falso";
		}

		d1 *= 2;
		for (i = 0; i < 9; i++){
			d1 += c.charAt(i)*(11-i);
		}

		d1 = 11 - (d1 % 11);
		if (d1 > 9) d1 = 0;

		if (dv.charAt(1) != d1){
			var result = "falso";
		}


		if (result == "falso") {
			alert("CPF inválido!");
			aux1 = eval("document."+f+"."+campo+".focus");
			aux2 = eval("document."+f+"."+campo+".value = ''");
		}
	}

Para mascarar CEP


<input type="text" name="cep" size="9" OnKeyUp="mascara_cep(this.name,this.value,'empresa_cadastra')" onKeypress="campo_numerico ()" maxlength="9"
            value="">

function mascara_cep (campo,cep,f){
		var vl_cep = '';
		vl_cep = vl_cep + cep;

		if (vl_cep.length == 5){
			vl_cep   = vl_cep + '-';
			ct_campo = eval("document."+f+"."+campo+".value = vl_cep");
		}
	}

marciofermino · Março 14, 2007, 2:18pm

amgo desculpe minha ignorancia … mais como uso esse javascript… pode dar um pequeno exemplo

griciolli · Março 14, 2007, 3:51pm

no seu campo texto você coloca a chamada para a função que vai mascarar sua caixa de texto, no caso esse exemplo está chamando a função mascara_cnpj(this.name,this.value,this.form) passando como parametro o nome do campo, o valor, e o nome do form

<input type="text" name="cnpj" size="18" OnKeyUp="mascara_cnpj(this.name,this.value,this.form)" onKeypress="campo_numerico()" maxlength="18"
             value="">

Obs que as funções de javaScript tem que ficar entre tags

griciolli · Março 14, 2007, 3:55pm

no seu campo texto você coloca a chamada para a função que vai mascarar sua caixa de texto, no caso esse exemplo está chamando a função mascara_cnpj(this.name,this.value,this.form) passando como parametro o nome do campo, o valor, e o nome do form

<input type="text" name="cnpj" size="18" OnKeyUp="mascara_cnpj(this.name,this.value,this.form)" onKeypress="campo_numerico()" maxlength="18"
             value="">

Obs que as funções de javaScript tem que ficar entre tags

Exemplo na prática, você teria o seu campo texto

<input type="text" name="cep" size="9" OnKeyUp="mascara_cep(this.name,this.value,'this.form')"              value="">

<SCRIPT LANGUAGE="JavaScript">
function mascara_cep (campo,cep,f){
 		var vl_cep = '';
 		vl_cep = vl_cep + cep;
 
 		if (vl_cep.length == 5){
 			vl_cep   = vl_cep + '-';
 			ct_campo = eval("document."+f+"."+campo+".value = vl_cep");
 		}
 	}
</script>

marciofermino · Março 14, 2007, 4:36pm

opaaaaaaaaa… valeu amigao!!!

marciofermino · Março 14, 2007, 4:37pm

Deus lhe pague

system · Dezembro 29, 2015, 8:13pm

Alguem exemplo ou javascrpit facil para Mascaras

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI