Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...