Ir para conteúdo

POWERED BY:

Arquivado

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

Pedro Pazello

Validação de campos utilizando o Jquery validation

Por , em Javascript

Recommended Posts

Pedro Pazello    0

Pedro Pazello
Postado

Estou com problemas para utilizar o jquery validation,eu criei quatro campos,um de nome,que obriga o usuário a digitar seu nome,além de obrigar a digitar no minimo dois caracteres,um campo de e-mail,que obriga o usuário a digitar um email e um campo que obriga o usuario a digitar uma mensagem,ai que vem o porém,a validação não está funcionando de modo algum,segue o codigo:

 

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[url=http://www.w3.org/TR/html4/loose.dtd]http://www.w3.org/TR/html4/loose.dtd [/url]">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript" src="Jquery/jquery-2.0.0.js" type="text/javascript"></script>
<script language="javascript" src="Jquery/jquery-validation-1.9.0.zip" type="text/javascript"></script>
<script language="text/javascript">
$(document) .ready( function(){
$("#f").validate({
rules:{
nome:{
required: true,minlenght:3
},
email:{
required:true,email:true
},
idade:{
required:true,minlenght:3
},
mensagem:{
required:true
},
}
messages:{
nome:{
required:"Você precisa escrever o nome!",
minlenght:"O campo nome pode ter apenas três caracteres!"
},
email:{
required:"Você precisa digitar um email!",
email:"Esse email não é valido!"
},
idade:{
required:"Você precisa digitar uma idade!",
minlenght:"Primeiro vovô de 100 anos que eu vejo usando a internet!"
},
mensagem:{
required:"Você precisa digitar uma mensagem!"
},
}
});
});
</script>
<title>Formulario</title>
</head>
<body>
Formulario de sugestões!
<form method="post"  id="f" name="f" action="">
<label>Insira seu nome:</label>
<input type="text" name="nome" id="nome"><br>
<label>Insira seu e-mail</label>
<input type="text" name="email" id="email"><br>
<label>Insira sua idade:</label>
<input type="text" name="idade" size="2" id="idade"><br>
<label>Insira sua mensagem:</label><br>
<textarea cols="30" rows="3" name="mensagem" id="mensagem" >
escreva seu comentario aqui
</textarea>
<br>
<input type="submit" value="enviar">
<input type="reset" value="limpar">
</form>
</body>
</html>
Já li e reli mas não encontrei erro nenhum de sintaxe,obrigado e boa noite!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Você linkou um arquivo zip:

Jquery/jquery-validation-1.9.0.zip

 

Isso não funciona. Você tem que extrair o conteúdo e linkar o arquivo .js.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pedro Pazello    0

Pedro Pazello
Postado

Você linkou um arquivo zip:

Jquery/jquery-validation-1.9.0.zip

 

Isso não funciona. Você tem que extrair o conteúdo e linkar o arquivo .js.

Sim fui ver aqui e realmente estava zipado,porem extrai e o mesmo erro persiste,eu já havia testado com outro Jquery validation e também não está funcionando,Já baixei tanto Jquery e tanto plugin Jquery validation....

E mesmo assim nada de funcionar.

 

deixei os arquivos Jquery e Jquery validator na mesma pasta do formulario. agora o head ficou da seguinte forma:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript" src="jquery-2.0.0.js" type="text/javascript"></script>
<script language="javascript" src="jquery.validate.js" type="text/javascript"></script>

em seguida vem os parametros da validação...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pedro Pazello    0

Pedro Pazello
Postado

No console do navegador não aparece nada?

Erro nenhum,quebrei a cabeça para tentar concertar e nem consigui,a unica solução foi pegar um pronto e modificar,criando input novos e parametros novos nas regras e mensagens,oque funcionou.Notei que no jquery se você errar uma regra ou mensagem nada funciona,mas é uma mão na roda....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito