Tengo un formulario que me valida con jquery y me muestra un datapicker, pero solo hace una sola función, creo que tengo problema con el JavaScript. Debería hacerme las dos funciones sin problemas.
Como muestro el codigo solo me hace el datapicker y NO me realiza la validación de los campos.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Formulario de registro</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="archivos/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="archivos/jquery.validate.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="archivos/jquery-ui-1.7.2.custom.css" />
<script type="text/javascript">
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<script>
$().ready(function()
{
$("#formcontacto").validate({
rules: {
nombre: { required: true, minlength: 2},
apellido: { required: true, minlength: 2},
usuario: { required: true, minlength: 2},
contrasena: { required: true, minlength: 2},
contrasena2: { required: true, minlength: 2},
tmovil: { required: true, minlength: 11},
tcasa: { required: true, minlength: 11},
dob: { required: true, minlength: 5},
direccion: { required:true, minlength: 2}
},
messages: {
nombre: "Escriba su nombre.",
apellido: "Escriba su apellido.",
usuario: "Escriba su usuario.",
contrasena: "Escriba su contraseña.",
contrasena2: "Vuelva a escribir su contraseña.",
tmovil : "El campo Teléfono movil no contiene un formato correcto.",
tcasa : "El campo Teléfono casa no contiene un formato correcto.",
dob : "Escriba su fecha de nacimiento",
direccion : "Escriba su dirección.",
}
});
});
</script>
</head>
<body bgcolor="#ececec">
<fieldset id="form">
<legend>Registrate</legend>
<form id="formcontacto" method="post" action="">
<ol>
<li>
<label>Nombre:</label>
<input id="cnombre" name="nombre" class="required" minlength="5" />
</li>
<li>
<label>Apellidos:</label>
<input id="capellido" name="apellido" class="required" minlength="5" />
</li>
<li>
<label>Usuario:</label>
<input id="cusuario" name="usuario" class="required" minlength="5" />
</li>
<li>
<label>Contraseña:</label>
<input id="ccontrasena" name="contrasena" type="password" class="required" value="" />
</li>
<li>
<label>Repetir Contraseña:</label>
<input id="ccontrasena2" name="contrasena2" type="password" class="required" value="" />
</li>
<li>
<label>Telefono Movil:</label>
<input id="tmovil" name="tmovil" class="required" minlength="11" />
</li>
<li>
<label>Telefono Casa:</label>
<input id="ctcasa" name="tcasa" class="required" minlength="11" />
</li>
<li>
<label>Fecha Nacimiento:</label>
<input type="text" name="datepicker" id="datepicker" readonly="readonly">
</li>
<li>
<label>Dirección:</label>
<textarea id="cdireccion" name="direccion" class="required"></textarea>
</li>
<p align="center"><input type="submit" value="Enviar" /></p>
</ol>
</form>
</fieldset>
</body>
</html>
