Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fagnerx21

Javascript para JQuery

Recommended Posts

Olá a todos, é o seguinte, eu tenho aqui umas funções de formatação e validação de campos básicos(email, cpf, cep, telefone...), mas eu queria que eles funcionassem em todos os browsers(ou os principais,IE,FF,OP), então eu descobri o JQuery, ele é cross-browsing, mas como eu não conheço esse jquery eu vim aqui pedir para vcs traduzirem meu código js pra jquery ou se vcs não puderem, me arrumem uma solução em js que seja C-B.

Vcs podem quebrar esse galho pra mim?valeu.

PS:Nesse caso quando dá erro emite alert, mas eu vou mudar pra receber uma classe css que deixa o fundo vermelho, se vcs puderem traduzir já fazendo essa mudança vai ser de grande ajuda.

 

Formata.js

<script language="javascript" type="text/javascript">
function FormataCep(obj)
{
	if(FormataInteiro(obj) == false)
	{
		event.returnValue = false;
	}
	return FormataCampo(obj, '00.000-000', event);
}
function FormataData(obj)
{
	if(FormataInteiro(obj) == false)
	{
		event.returnValue = false;
	}
	return FormataCampo(obj, '00/00/0000', event);
}
function FormataDdd(obj)
{
	if(FormataInteiro(obj) == false)
	{
		event.returnValue = false;
	}
	return FormataCampo(obj, '(000)', event);
}
function FormataTelefone(obj)
{
	if(FormataInteiro(obj) == false)
	{
		event.returnValue = false;
	}
	return FormataCampo(obj, '0000-0000', event);
}
function FormataCpf(obj)
{
	if(FormataInteiro(obj) == false)
	{
		event.returnValue = false;
	}
	return FormataCampo(obj, '000.000.000-00', event);
}
function FormataInteiro()
{
	if(event.keyCode < 48 || event.keyCode > 57)
	{
		event.returnValue = false;
		return false;
	}
	return true;
}
function FormataCampo(campo, formato, evento)
{
	var bFormato;
	var Digito = evento.keyCode;
	Exp = /\-|\.|\/|\(|\)| /g
	SoNum = campo.value.toString().replace(exp, "");
	var PosCampo = 0;
	var NovoValorCampo = "";
	var TamanhoFormato = SoNum.length;
	if(Digito != 8)
	{
		for(i=0; i<= TamanhoFormato; i++) 
		{
			bFormato = ((formato.charAt(i) == "-") || (formato.charAt(i) == ".") || (formato.charAt(i) == "/"))
			bFormato = bFormato || ((formato.charAt(i) == "(") || (formato.charAt(i) == ")") || (formato.charAt(i) == " "))
			if (bFormato) 
			{
				NovoValorCampo += formato.charAt(i);
				TamanhoFormato++;
			}
			else 
			{
				NovoValorCampo += SoNum.charAt(PosCampo);
				PosCampo++;
			}
		}
		campo.value = NovoValorCampo;
		return true;
	else
	{
	return true
	}		   
}	 
</script>

Valida.js

<script language="javascript" type="text/javascript">
function ValidaTelefone(obj)
{
	exp = /\(\d{2}\)\ \d{4}\-\d{4}/
	if(obj.length > 0) || (obj.value != "") || (obj.value != "	-	")
	{
		if(!exp.test(obj.value))
		{
			alert('Número de Telefone Inválido!');
		}
	}
	else
	{
		alert('O Campo está vazio!');
	}
}
function ValidaCep(obj)
{
	exp = /\d{2}\.\d{3}\-\d{3}/
	if(obj.length > 0) || (obj.value != "") || (obj.value != "  .   -   ")
	{
		if(!exp.test(obj.value))
		{
			alert('Número de Cep Inválido!');
		}
	}
	else
	{
		alert('O Campo está vazio!');
	}
}
function ValidaData(obj)
{
	exp = /\d{2}\/\d{2}\/\d{4}/
	if(obj.length > 0) || (obj.value != "") || (obj.value != "  /  /	")
	{
		if(!exp.test(obj.value))
		{
			alert('Data Inválida!');
		}
	}
	else
	{
		alert('O Campo está vazio!');
	}
}
function ValidaCpf(obj)
{
	var cpf = obj.value;
	exp = /\.|\-/g
	cpf = cpf.toString().replace(exp, "");
	var digito = eval(cpf.charAt(9) + cpf.charAt(10));
	var soma1 = 0, soma2 = 0;
	var vlr = 11;
	for(i=0;i<9;i++)
	{
		soma1 += eval(cpf.charAt(i) * (vlr - 1));
		soma2 += eval(cpf.charAt(i) * vlr);
		vlr--;
	}
	soma1 = (((soma1 * 10) % 11) == 10 ? 0 : ((soma1 * 10) % 11));
	soma2 = (((soma2 + (2 * soma1)) * 10) % 11);
	var digitoGerado = (soma1 * 10) + soma2;
	if(obj.length > 0) || (obj.value != "") || (obj.value != "  .   -   ")
	{
		if(digitoGerado != digitoDigitado)   
		{ 
			alert('CPF Invalido!');
		}
	}
	else
	{
		alert('O Campo está vazio!');
	}
}
function ValidaEmail(obj)
{
	if(obj.length > 0) || (obj.value != "")
	{	
		if((obj.length != 0) && ((obj.indexOf("@") < 1) || (obj.indexOf("@") > 1) || (txt.indexOf('.') < 7)))
		{
			alert('Email incorreto!');
		}
	}
	else
	{
		alert('O Campo está vazio!');
	}
}
function ValidarSenha(obj1, obj2)
{
	if(obj2 != obj1)
	{
		alert("Senhas não conferem")
	}
}
function ValidaVazio(obj)
{
	if(obj.length > 0)
	{
		alert('Campo Vazio');
	}
}
function ValidaTamanho(obj, size)
{
	if(obj.length < size)
	{
		alert('Tamanho muito pequeno');
	}
}
</script>

Desde já agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para telefone, cep, rg você pode usar MASK.

$("#cep").mask("99999-999");
#CEP é equivalente ao objeto(input).

 

outros exemplos de mascara:

jQuery(function($){
   $("#date").mask("99/99/9999");//data
   $("#phone").mask("(999) 999-9999");//telefone
});

para validação:

http://willianfernandes.com.br/validacao-d...ios-com-jquery/

exemplo online:

http://willianfernandes.com.br/demos/valid...query/form.html

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.