Tema: Problema al validar nick con jquery.validate()
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/09/2010, 05:07
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Problema al validar nick con jquery.validate()
Buenos días,

Estoy usando la librería jquery.validate y la verdad es que va muy bien.
Sin embargo, me gustaría comprobar si el nick que está escribiendo el usuario está en la base de datos o no.

Esta parte la tengo, pero solo me muestra el mensaje de excepción "El usuario ya existe" cuando el usuario ya existe. Me gustaría mostrar también un mensaje diciendo "Usuario disponible" cuando este no exista.

Se le puede decir al jquery que muestre ese mensaje?

Ahora mismo tengo lo siguiente:

index.php
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <title>Formulario Validation</title>
  6.         <link type="text/css" href="css/estilo.css" rel="stylesheet" />
  7.         <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
  8.         <script type="text/javascript" src="js/jquery.validate.js"></script>
  9.         <script type="text/javascript">
  10.             $(document).ready(function(){
  11.                 $.validator.addMethod("regex",function(value,element,regexp){
  12.                     var re= new RegExp(regexp);
  13.                     return this.optional(element) || re.test(value);
  14.                 },"Solo caracteres alfanumericos");
  15.                 $("#registro").validate({
  16.                     rules:{
  17.                             usuario:{
  18.                                 required:true,
  19.                                 regex:"^[a-zA-Z0-9_]+$",
  20.                                 remote:"comprobar.php"
  21.                             },
  22.                             pass:{
  23.                                 required:true
  24.                             },
  25.                             pass2:{
  26.                                 equalTo:"#pass"
  27.                             },
  28.                             email:{
  29.                                 email:true,
  30.                                 required:true
  31.                             },
  32.                             sitioweb:{
  33.                                 url:true
  34.                             },
  35.                             lenguaje:{
  36.                                 required:true
  37.                             }
  38.                     },
  39.                     messages:{
  40.                         usuario:{
  41.                             required:"Campo obligatorio",
  42.                             remote:"El usuario ya existe"
  43.                         },
  44.                         pass:{
  45.                             required:"Campo obligatorio"
  46.                         },
  47.                         pass2:{
  48.                             equalTo:"La contraseña no es igual"
  49.                         },
  50.                         email:{
  51.                             email:"El email no es valido",
  52.                             required:"Campo es obligatorio"
  53.                         },
  54.                         sitioweb:{
  55.                             url:"La url no es valida"
  56.                         },
  57.                         lenguaje:{
  58.                             required:"Campo obligatorio"
  59.                         }
  60.                     },
  61.                     submitHandler:function(){
  62.                         alert("Los datos han sido enviados");
  63.                     }
  64.                 })
  65.             })
  66.         </script>
  67.     </head>
  68.     <body>
  69.         <fieldset>
  70.             <legend>Ingreso de usuario</legend>
  71.             <form id="registro" name="registro" action="">
  72.                 <div>
  73.                     <label class="campo">Usuario:</label>
  74.                     <input type="text" id="usuario" name="usuario" />
  75.                 </div>
  76.                 <div>
  77.                     <label class="campo">Contraseña:</label>
  78.                     <input type="text" id="pass" name="pass" />
  79.                 </div>
  80.                 <div>
  81.                     <label class="campo">Repetir:</label>
  82.                     <input type="text" id="pass2" name="pass2" />
  83.                 </div>
  84.                 <div>
  85.                     <label class="campo">Email:</label>
  86.                     <input type="text" id="email" name="email" />
  87.                 </div>
  88.                 <div>
  89.                     <label class="campo">Sitio web:</label>
  90.                     <input type="text" id="sitioweb" name="sitioweb" />
  91.                 </div>
  92.                 <div>
  93.                     <label class="campo">Lenguaje:</label>
  94.                     <select id="lenguaje" name="lenguaje">
  95.                         <option selected="selected" value="">Selecione un lenguaje</option>
  96.                         <option value="1">PHP</option>
  97.                         <option value="2">JAVA</option>
  98.                         <option value="3">ASP.NET</option>
  99.                     </select>
  100.                 </div>
  101.                 <input type="submit" value="Registrar" />
  102.             </form>
  103.         </fieldset>
  104.     </body>
  105. </html>

comprobar.php
Código PHP: 
Ver original
  1. <?php
  2. $formUsuario=$_GET['usuario'];
  3. $conexion = mysql_connect("localhost", "root", "xxxx");
  4. mysql_select_db("usuarios");
  5. $sql = "SELECT id from users where username='$formUsuario'";
  6. $resultado = mysql_query($sql, $conexion);
  7. if(mysql_fetch_assoc($resultado)){
  8.     echo "false";
  9. }else{
  10.     echo "true";
  11. }
  12. ?>

Si el usuario no existe en la base de datos devuelvo un TRUE a la función jquery

usuario:{
required:true,
regex:"^[a-zA-Z0-9_]+$",
remote:"comprobar.php"
},

Pero los mensajes solo he conseguido que salgan cuando recibo un false

¿Se os ocurre alguna forma de lograrlo?

Mil gracias de antemano!