Validações JavaScript

Eae galera. Faz tempo que não posto nada, dessa vez a dúvida é meio chatinha...javascript...eu fiz um arquivo funcoes.js, e toquei tudo que é validação que eu faço mais repetidamente lá dentro...ai embaixo ta o código dela, usem e abusem

. Lembrando é claro que qualquer otimização/dica/dúvida/sugestão é só falar

PS: É pra funcionar tanto no IE quanto em Mozilla/FF...mas sabe como são essas coisas...

/*
Padawan's JavaScript-Mega-Validator 3000+
Todos os direitos reservados para Diego Pires Plentz
Você pode usar esse código nas suas páginas desde que mantenha os créditos ;-)
*/

//Verifica qual o browser do visitante e armazena na variável púbica clientNavigator,
//Caso Internet Explorer(IE) outros (Other)
if (navigator.appName.indexOf('Microsoft') != -1){
	clientNavigator = "IE";
}else{
	clientNavigator = "Other";
}
function Verifica_Data(data, obrigatorio){
//Se o parâmetro obrigatório for igual à zero, significa que elepode estar vazio, caso contrário, não
 var data = document.getElementById(data);
	var strdata = data.value;
	if((obrigatorio == 1) || (obrigatorio == 0 && strdata != "")){
		//Verifica a quantidade de digitos informada esta correta.
		if (strdata.length != 10){
			alert("Formato da data não é válido.
Formato correto:
- dd/mm/aaaa.");
			data.focus();
			return false
		}
		//Verifica máscara da data
		if ("/" != strdata.substr(2,1) || "/" != strdata.substr(5,1)){
			alert("Formato da data não é válido.
Formato correto:
- dd/mm/aaaa.");
			data.focus();
			return false
		}
		dia = strdata.substr(0,2)
		mes = strdata.substr(3,2);
		ano = strdata.substr(6,4);
		//Verifica o dia
		if (isNaN(dia) || dia > 31 || dia < 1){
			alert("Formato do dia não é válido.");
			data.focus();
			return false
		}
		if (mes == 4 || mes == 6 || mes == 9 || mes == 11){
			if (dia == "31"){
				alert("O mês informado não possui 31 dias.");
				data.focus();
				return false
			}
		}
		if (mes == "02"){
			bissexto = ano % 4;
			if (bissexto == 0){
				if (dia > 29){
					alert("O mês informado possui somente 29 dias.");
					data.focus();
					return false
				}
			}else{
				if (dia > 28){
					alert("O mês informado possui somente 28 dias.");
					data.focus();
					return false
				}
			}
		}
	//Verifica o mês
		if (isNaN(mes) || mes > 12 || mes < 1){
			alert("Formato do mês não é válido.");
			data.focus();
			return false
		}
		//Verifica o ano
		if (isNaN(ano)){
			alert("Formato do ano não é válido.");
			data.focus();
			return false
		}
	}
}

function Verifica_Tamanho(campo, tamanho){
//usado para campos textarea onde não se tem o atributo maxlenght
	var campo = document.getElementById(campo);
	if(campo.value.length > tamanho){
		alert("O campo suporta no máximo " + tamanho + " caracteres.");
		campo.focus();
		return false
	}
}

function Bloqueia_Caracteres(evnt){
//Função permite digitação de números
	if (clientNavigator == "IE"){
		if (evnt.keyCode < 48 || evnt.keyCode > 57){
			return false
		}
	}else{
		if ((evnt.charCode < 48 || evnt.charCode > 57) && evnt.keyCode == 0){
			return false
		}
	}
}

function Atualiza_Opener(){
//Atualiza a página opener da popup que chamar a função
	window.opener.location.reload();
}

é só salvar esse blocão de texto num arquivo funcoes.js por exemplo e "importar" ele nas páginas(pra quem não sabe <script language="JavaScript" type="text/javascript" src="../inc/funcoes.js"></script> ) que desejarem usar as funções...pra utilizar é bem simples...nas de validação é só adicionar algo do tipo
if(Verifica_Cep("cep", 0) == false){ return false }
if(Verifica_Email("email", 0) == false){ return false }
if(Verifica_Data("data_nascimento", 1) == false){ return false }

dentro da validação principal da sua página...ficaria algo do tipo

Lembrando que os campos precisam ter preenchido o atributo id para que validação funcione.
Para validar algumas coisas direto no campo é só usar:

Queria saber se tem alguma forma + curta ou melhor de validar os campos, sem precisar usar isso

if(Verifica_Email("descricao", 4000) == false){ return false }

por exemplo

Muito util!!!
Valeu mesmo!

GUJ Expert Membro desde: 12/03/2003 11:25:57 Mensagens: 4680 Offline

Valeu cara

tava enrolaaando pra fazer essa checagem de data .. hehe valeu mesmo

Valeu kra por compartilhar conosco.

Valeu os elogios ai pessoal, mas ninguém sabe se tem algum jeito de fazer melhor a validação não(ou da uma melhoradinha no código)?

diego_sl wrote:Valeu os elogios ai pessoal, mas ninguém sabe se tem algum jeito de fazer melhor a validação não(ou da uma melhoradinha no código)?

E ae GURI....

Valeu a citação.

GUJ Expert Membro desde: 12/03/2003 11:25:57 Mensagens: 4680 Offline

Padawan's JavaScript-Mega-Validator 3000+

AuAhAUaHuahauhaUhauAHuahAU heheh ...

Quanto a jeito melhor ... bem ... tem o tal do XForms, mas nunca usei.
http://www.w3.org/MarkUp/Forms/

E alguns frameworks web (WebWork2) possuem algum mecanismo de validação no lado cliente.

LIPE wrote:
Quanto a jeito melhor ... bem ... tem o tal do XForms, mas nunca usei.
http://www.w3.org/MarkUp/Forms/

E alguns frameworks web (WebWork2) possuem algum mecanismo de validação no lado cliente.

Não não, to falando de jeito melhor com JScript mesmo, tipo, alguam forma de deixar o fonte ali mais claro, simples, curto, sei lá,hehe

É meio besta... mas voce pode encurtar assim

GUJ Expert Membro desde: 12/03/2003 11:25:57 Mensagens: 4680 Offline

hum

então estuda regular expressions

é chato mas é bom \o/

Nati wrote:if(Verifica_Email("descricao", 4000) == false){ return false }

É meio besta... mas voce pode encurtar assim

return (Verifica_Email("descricao", 4000));

Nati, assim funciona somente em alguns casos, mas em uma verificação do tipo

Da "pau"

This message was edited 2 times. Last update was at 22/08/2006 23:34:31

Só para deixar um recado, um dia eu ainda descobro quem foi o baiano da Microsoft que ficou com "preguiça" de implementar o event.target no IE!

UPDATE: Versão atualizada em http://plentz.org/unsorted/functions.js.html

Smalltalk Membro desde: 15/09/2006 16:09:26 Mensagens: 2 Offline

Bem pessoal eu desenvolvi uma validação que acho eu ser melhor que essa, LONGE de mim te sacanear Plentz

até pq eu peguei uma validação sua e por isso que estou aqui HEHEHE Mas com a minha validação não precisa nem saber javascript pra fazer só precisa de algum conhecimento de expressão regular que não é nada difícl (Aqui na empresa onde eu trabalho depois que eu fiz essa validação até design começou a fazer validação nos HTML que eles nos enviam)! E se quiser posso mandar uma apostilinha que eu mesmo fiz de Expressão Regular pra quem não conhece! HEHEHE... vou colocar um exemplo de como usar aqui e o arquivo vai em anexo!

<form onsubmit="return ValidaForm(this);" id="frm">
<input type="text" id="nome" name="nome" required="true" requiredmsg="Digite um Nome." align="left" />
<input type="text" id="tel" name="tel" required="false" mascara="^[\d]{8}$" maxlength="9" errormsg="Coloque Um telefone válido" />
<textarea id="descricao" name="descricao" required="true" requiredmsg="Preencha a descrição." mascara="FNC#SomenteLetras();" errormsg="Somente numero na descrição!">456</textarea>
</form>
Bem como podem ver basta colocar no onSubmit do form a chamada da minha função e definir dentro dos inputs mesmo essa 4 novos atributos inventados por mim! required -> se o campo é de preenchimento obrigatório, requiredmsg -> Caso o campo seja obrigatório e não estaja prenchido da essa msg de erro, mascara -> onde deve ser colocada a ER pra validar o campo ou uma função qualquer desenvolvida por vc que retorna True ou False (No formato STRING), e por ultimo o atributo errormsg que é a msg de erro para quando a validação retorna false. Bem pessoal funciona tanto no IE quanto no FF mas se alguem achar alguma falha gostaria muito que me avisassem. Muito obrigado e qualquer coisa me mandem e-mail terei o maior prazer em ajudar quem precise

Isso não poderia ser parte de uma BrazilUtils API de Javascript ?

substituir os ifs por returns não vai funcionar pois vc quer validar TUDO. uma função termina na instrução return. seria melhor fazer:

Notícias, artigos e o maior fórum brasileiro sobre Java