Ir para conteúdo

POWERED BY:

Arquivado

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

Alaucho

[Resolvido] Validação com JQuery

Por , em Javascript

Recommended Posts

Alaucho    5

Alaucho
Postado

E ae gurizada, beleza?

 

Seguinte... Estou criando um formulário HTML, para testar a validação desse formulário com JQuery. Estou começando com JQuery, não conheço muito. Criei o formulário, e configurei o script, porém a validação não esta sendo feita. Poderiam dar uma olhada e me ajudar no que estaria errado, pois passei a tarde olhando e não identifiquei o erro:

 

<html>
	<head>
		<title>Formulário de Contato</title>
		<script type="text/javascript" scr="jquery-1.4.2.js"></script>
		<script type="text/javascript" scr="jquery.validate/jquery-validate/jquery.validate.js></script>
		
		<style type="text/css" title="mystyles" media="all">
		<!--
			* { font-family: Verdana; font-size: 96%; }
			td { display: block; margin-top: 10px; }
			td.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
			p { clear: both; }
			.submit { margin-top: 1em; }
			em { font-weight: bold; padding-right: 1em; vertical-align: top; }
		-->
		</style>
		
		<script type="text/javascript">
			$(document).ready( function() {
				$('#formularioContato').validate({
					// Define as regras
					rules:{
						nome:{
							// nome será obrigatório (required) e terá tamanho mínimo (minLength)
							required: true, minlength: 2
						},
						email:{
							// email será obrigatório (required) e precisará ser um e-mail válido (email)
							required: true, email: true
						},
						mensagem:{
							// mensagem será obrigatório (required) e terá tamanho mínimo (minLength)
							required: true, minlength: 2
						}
					},
					// Define as mensagens de erro para cada regra
					messages:{
						nome:{
							required: 'Digite o seu nome',
							minLength: 'O seu nome deve conter, no mínimo, 2 caracteres'
						},
						email:{
							required: 'Digite o seu e-mail para contato',
							email: 'Digite um e-mail válido'
						},
						mensagem:{
							required: 'Digite a sua mensagem',
							minLength: 'A sua mensagem deve conter, no mínimo, 2 caracteres'
						}
					}
				});
			});
		</script>
		
	</head>
	<body>
		<center>
			<h2>Formulário de Contato</h2>
			<br>
			<form id="formularioContato" method="post" action="enviar.php">
				<table border="1" width="600">
					<tr>
						<th>Nome:</th>
						<td width="400"><input type="text" name="nome" size="70"></td>
					</tr>
					<tr>
						<th>E-mail:</th>
						<td width="400"><input type="text" name="email" size="70"></td>
					</tr>
					<tr>
						<th>Assunto:</th>
						<td width="400"><input type="text" name="assunto" size="70"></td>
					</tr>
					<tr>
						<th>Mensagem:</th>
						<td width="400"><textarea cols="54" rows="10" name="mensagem" size="70"></textarea></td>
					</tr>
				</table>
				<input type="submit" name="Enviar" value="Enviar"><input type="reset" name="Limpar" value="Limpar">
			</form>
		</center>
	</body>
</html>

O caminho do arquivo .js e também da pasta onde esta o .js que valida, a princípio estão corretos.

 

Fico no aguardo de uma luz

 

Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kareca    0

Kareca
Postado

Olá amigo espero poder ajudar mas não acho que falta um comando na tag form

 

<form id="formularioContato" method="post" action="enviar.php" onSubmit="return formularioContato()" >

Vê se é alguma coisa nesse sentido..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alaucho    5

Alaucho
Postado

Tentei fazer o que você citou, mas não rolou Kareca

 

Acredito que aquele comando sirva pra JavaScript especifico, não sei

 

Vlw a dica, mas se tiver alguma outra idéia ou mais alguém souber :S

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

confira os caminhos dos arquivos, o validate está dentro da pasta:

 

jquery-validate que está dentro da pasta jquery.validate mesmo ?

 

e veja que também, o nome do atributo, é: 

src
'source', e não scr como você colocou. Arrume.

 

 

debug simples:

<script type="text/javascript">
$(document).ready( function() {
      alert( 'jQuery iniciado!' );
      $('#formularioContato').validate({
veja se esse alert aparece, depois o remova.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alaucho    5

Alaucho
Postado

Puuuutz!! Não creio...

A questão era só o "src" mesmo que eu tinha digitado errado ¬¬'

Pow, vlw mesmo William. Validação funcionando direitinho agora

 

Arraço

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