Tema: Problema al validar nick con jquery.validate()
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 30/09/2010, 11:58
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 11 meses
Puntos: 20
Respuesta: Problema al validar nick con jquery.validate()
Buenas Dani_s,

Muchas gracias nuevamente

He intentado aplicarlo pero no me funciona correctamente, algo hago mal

Quiero poder mostrar el mensaje de usuario disponible o usuario ocupado según corresponda en el campo "usuario" y no hay manera...

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.         <title>Formulario Validation</title>
  5.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  6.         <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
  7.         <script type="text/javascript">
  8.             $(document).ready(function(){
  9.                 var usuarioValido;
  10.                 $.validator.addMethod("regex",function(value,element,regexp){
  11.                     var re= new RegExp(regexp);
  12.                     return this.optional(element) || re.test(value);
  13.                 },"Solo caracteres alfanumericos");
  14.  
  15.                 /*$.validator.addMethod("comprobarUsuario",function(value,element, url){
  16.                     $.ajax({
  17.                         type: "GET",
  18.                         url: url,
  19.                         data: "usuario="+value,
  20.                         success: function(disponible){
  21.                             usuarioValido = (disponible == 'true')?true:false;
  22.                         }
  23.                     });
  24.                     return usuarioValido;
  25.                 },"Usuario ocupado");*/
  26.                 $.validator.addMethod("miRegla",function(value,element,valorMiRegla){
  27.                     $.ajax({
  28.                         type: "GET",
  29.                         url: valorMiRegla,
  30.                         data: "usuario="+value,
  31.                         success: function(disponible){
  32.                             if (disponible){
  33.                                 return true;
  34.                             }else{
  35.                                 return false;
  36.                             }
  37.                         }
  38.                     });
  39.                 },"Usuario ocupado");
  40.                 
  41.                 
  42.                 $("#registro").validate({
  43.                     rules:{
  44.                             usuario:{
  45.                                 required:true,
  46.                                 regex:"^[a-zA-Z0-9_]+$",
  47.                                 miRegla:"comprobar.php"
  48.                             },
  49.                             pass:{
  50.                                 required:true
  51.                             },
  52.                             pass2:{
  53.                                 equalTo:"#pass"
  54.                             },
  55.                             email:{
  56.                                 email:true,
  57.                                 required:true
  58.                             },
  59.                             sitioweb:{
  60.                                 url:true
  61.                             },
  62.                             lenguaje:{
  63.                                 required:true
  64.                             }
  65.                     },
  66.                     messages:{
  67.                         usuario:{
  68.                             required:"Campo obligatorio",
  69.                             remote: jQuery.validator.format("El usuario {0} ya existe.")
  70.                         },
  71.                         pass:{
  72.                             required:"Campo obligatorio"
  73.                         },
  74.                         pass2:{
  75.                             equalTo:"La contraseña no es igual"
  76.                         },
  77.                         email:{
  78.                             email:"El email no es valido",
  79.                             required:"Campo es obligatorio"
  80.                         },
  81.                         sitioweb:{
  82.                             url:"La url no es valida"
  83.                         },
  84.                         lenguaje:{
  85.                             required:"Campo obligatorio"
  86.                         }
  87.                     },
  88.                     submitHandler:function(){
  89.                         alert("Los datos han sido enviados");
  90.                     }/*, success: function(label) {
  91.                         if (usuarioValido){
  92.                             label.addClass('valid').text("Usuario disponible");
  93.                         }
  94.                     }*/
  95.  
  96.                 })
  97.             })
  98.         </script>
  99.     </head>
  100.     <body>
  101.         <fieldset>
  102.             <legend>Ingreso de usuario</legend>
  103.             <form id="registro" name="registro" action="">
  104.                 <div>
  105.                     <label class="campo">Usuario:</label>
  106.                     <input type="text" id="usuario" miRegla="" name="usuario" />
  107.                 </div>
  108.                 <div>
  109.                     <label class="campo">Contraseña:</label>
  110.                     <input type="text" id="pass" name="pass" />
  111.                 </div>
  112.                 <div>
  113.                     <label class="campo">Repetir:</label>
  114.                     <input type="text" id="pass2" name="pass2" />
  115.                 </div>
  116.                 <div>
  117.                     <label class="campo">Email:</label>
  118.                     <input type="text" id="email" name="email" />
  119.                 </div>
  120.                 <div>
  121.                     <label class="campo">Sitio web:</label>
  122.                     <input type="text" id="sitioweb" name="sitioweb" />
  123.                 </div>
  124.                 <div>
  125.                     <label class="campo">Lenguaje:</label>
  126.                     <select id="lenguaje" name="lenguaje">
  127.                         <option selected="selected" value="">Selecione un lenguaje</option>
  128.                         <option value="1">PHP</option>
  129.                         <option value="2">JAVA</option>
  130.                         <option value="3">ASP.NET</option>
  131.                     </select>
  132.                 </div>
  133.                 <input type="submit" value="Registrar" />
  134.             </form>
  135.         </fieldset>
  136.     </body>
  137. </html>

Muchas gracias de antemano!