Foros del Web - Ver Mensaje Individual

juniorhernandezg · #1 (**permalink**) 16/04/2013, 23:25

Amigo necesito su ayuda.

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&eacute;fono movil no contiene un formato correcto.",
			tcasa : "El campo Tel&eacute;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>