Tengo dos jQuery pero me esta dando conflicto, uno muestra mensajes de validación y el otro es un datapick, pero con el codigo que tengo solo me hace una función.
Como puedo hacer para que ambos jQuery funcionen?
Codigo web:
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>