Tema: Problema al validar nick con jquery.validate()
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/09/2010, 07:38
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: Problema al validar nick con jquery.validate()
yo tengo algo así

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.                 $.validator.addMethod("regex",function(value,element,regexp){
  10.                     var re= new RegExp(regexp);
  11.                     return this.optional(element) || re.test(value);
  12.                 },"Solo caracteres alfanumericos");
  13.  
  14.                 $.validator.addMethod("comprobarUsuario",function(value,element){
  15.                     //Simulo petición, una respuesta (pero comparo con el valor del input)
  16.                     if (value == 'asd'){
  17.                         usuarioValido = true;
  18.                         return true;
  19.                      } else {
  20.                         usuarioValido = false;
  21.                         return false;
  22.                      }                    
  23.                 },"Usuario ocupado");
  24.  
  25.                 $("#registro").validate({
  26.                     rules:{
  27.                             usuario:{
  28.                                 required:true,
  29.                                 regex:"^[a-zA-Z0-9_]+$",
  30.                                 comprobarUsuario:"dos.jsp"
  31.                             },
  32.                             pass:{
  33.                                 required:true
  34.                             },
  35.                             pass2:{
  36.                                 equalTo:"#pass"
  37.                             },
  38.                             email:{
  39.                                 email:true,
  40.                                 required:true
  41.                             },
  42.                             sitioweb:{
  43.                                 url:true
  44.                             },
  45.                             lenguaje:{
  46.                                 required:true
  47.                             }
  48.                     },
  49.                     messages:{
  50.                         usuario:{
  51.                             required:"Campo obligatorio"
  52.                         },
  53.                         pass:{
  54.                             required:"Campo obligatorio"
  55.                         },
  56.                         pass2:{
  57.                             equalTo:"La contraseña no es igual"
  58.                         },
  59.                         email:{
  60.                             email:"El email no es valido",
  61.                             required:"Campo es obligatorio"
  62.                         },
  63.                         sitioweb:{
  64.                             url:"La url no es valida"
  65.                         },
  66.                         lenguaje:{
  67.                             required:"Campo obligatorio"
  68.                         }
  69.                     },
  70.                     submitHandler:function(){
  71.                         alert("Los datos han sido enviados");
  72.                     }, success: function(label) {
  73.                         if (usuarioValido){
  74.                             label.addClass('valid').text("Usuario disponible");
  75.                         }
  76.                     }
  77.  
  78.                 })
  79.             })
  80.         </script>
  81.     </head>
  82.     <body>
  83.         <fieldset>
  84.             <legend>Ingreso de usuario</legend>
  85.             <form id="registro" name="registro" action="">
  86.                 <div>
  87.                     <label class="campo">Usuario:</label>
  88.                     <input type="text" id="usuario" name="usuario" />
  89.                 </div>
  90.                 <div>
  91.                     <label class="campo">Contraseña:</label>
  92.                     <input type="text" id="pass" name="pass" />
  93.                 </div>
  94.                 <div>
  95.                     <label class="campo">Repetir:</label>
  96.                     <input type="text" id="pass2" name="pass2" />
  97.                 </div>
  98.                 <div>
  99.                     <label class="campo">Email:</label>
  100.                     <input type="text" id="email" name="email" />
  101.                 </div>
  102.                 <div>
  103.                     <label class="campo">Sitio web:</label>
  104.                     <input type="text" id="sitioweb" name="sitioweb" />
  105.                 </div>
  106.                 <div>
  107.                     <label class="campo">Lenguaje:</label>
  108.                     <select id="lenguaje" name="lenguaje">
  109.                         <option selected="selected" value="">Selecione un lenguaje</option>
  110.                         <option value="1">PHP</option>
  111.                         <option value="2">JAVA</option>
  112.                         <option value="3">ASP.NET</option>
  113.                     </select>
  114.                 </div>
  115.                 <input type="submit" value="Registrar" />
  116.             </form>
  117.         </fieldset>
  118.     </body>
  119. </html>

fijate que simulo nomás esto, que seria una petoción a la db
if (value == 'asd'){