Hi
I'm trying to learn jQuery and got this validating code. It was working, but I did something I can't remember, and it stops working. I have no way to go back and get the tutorial code again.
Here is the code:
- <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
- <script type="text/javascript">
$(document).ready(function(){
$('#reg-form').validate({
rules: {
fname: { required: true, minlength: 2 },
lname: { required: true, minlength: 2 },
uname: { required: true, minlength: 5 },
pwd1: { required: true, minlength: 5, maxlength: 8 },
pwd2: { required: true, minlength: 5, maxlength: 8, equalTo: "#pwd1" },
email: { required: true, email: true },
},
messages: {
fname: { required: 'Preencha o campo fnome', minlength: 'No mínimo 2 letras' },
lname: { required: 'Preencha o campo lnome', minlength: 'No mínimo 2 letras' },
uname: { required: 'Preencha o campo unome', minlength: 'No mínimo 5 letras', maxlength: 'O maximo 8 caracteres' },
pwd1: { required: 'Preencha o campo pwd1', minlength: 'No mínimo 5 letras', maxlength: 'O maximo 8 caracteres' },
pwd2: { required: 'Preencha o campo unome', minlength: 'No mínimo 5 letras', maxlength: 'O maximo 8 caracteres', equalTo: 'Tem que ser igual à Pwd1' },
email: { required: 'Informe o seu email', email: 'Ops, informe um email válido' },
},
- submitHandler: function( form ){
var dados = $( form ).serialize();
$.ajax({
type: "POST",
url: "register.php",
data: Dados Enviados,
success: function( data )
{
alert( data );
}
});
return false;
}
});
});
</script>
</head>
- <body>
<form method="post" action="" id="reg-form">
<label><input type="hidden" name="id" value="" /></label>
<label>FName: <input type="text" name="fname" value="" /></label><br>
<label>LName: <input type="text" name="lname" value="" /></label><br>
<label>UName: <input type="text" name="uname" value="" /></label><br>
<label>PWD1: <input type="text" name="pwd1" value="" /></label><br>
<label>PWD2: <input type="text" name="pwd2" value="" /></label><br>
<label>Email: <input type="text" name="email" value="" /></label><br>
<label><input type="submit" name="enviar" value="Enviar" /></label>
</form>
</body>
</html>
Can some one tel me what is wrong with it?
Thank You