Entradas de texto con maxlength que no valida con jQuery Validate

Question

Tengo un problema al usar jQuery Validate. El caso es que tengo algunos cuadros de texto con sus atributos maxlength establecidos. Aunque no son necesarios, aún no se pueden validar cuando están vacíos o en blanco.

HTML de ejemplo:

<input type="textbox" id="tbx1" maxlength="100" value="" />

Luego, vuelve $('#tbx1').valid()false. ¿No debería devolver true? ¿Hay alguna solución conocida para esto?

Ah, y agregar $('#myform').validate({ ignore: '#tbx1' }); no funciona para mí, porque estoy usando controles ASP.NET con sus ID automáticos. Sé que podría usar el ID de cliente del control o algo así como la IDOverride de Wilco, pero esto no es lo que prefiero.

Entonces, ¿alguien? ¡Gracias!

Answer 1

En primer lugar, supongo que la entrada tiene un atributo de "nombre" y simplemente no se muestra en su ejemplo? Si no, intente y puede solucionar el problema.

En segundo lugar, ¿ha intentado establecer explícitamente el campo para no ser necesario pero tener una longitud máxima en el objeto validador? Por ejemplo:

var rules = { 
    'txtbx1': { 
    required: false, 
    maxlength: '100' 
    } 
}; 

$('#formId').validate({rules:rules}); 

Answer 2

encontré con este problema a mí mismo en algunas formas complejas que estaba escribiendo ...

Mi solución es sólo para crear mi propio método maxlength lo que pueda 'maxLen' que funciona casi exactamente igual el método predeterminado solo bajo un nombre diferente. Simplemente pegue esto encima de su llamada de validación principal ($ ("# mainform"). Validate ({}); o como se llame a su formulario).

//Custom Max Length Validation 
jQuery.validator.addMethod("maxLen", function (value, element, param) { 
    //console.log('element= ' + $(element).attr('name') + ' param= ' + param) 
    if ($(element).val().length > param) { 
     return false; 
    } else { 
     return true; 
    } 
}, "You have reached the maximum number of characters allowed for this field."); 

Una vez que hayas hecho esto se puede añadir la regla de este modo:

rules: { 
     Message: { 
      required: false, 
      maxLen: 200 
     } 
} 

Answer 3

Esto parece ser un error en este plugin. Si fija mediante la sustitución del método mediante una implementación personalizada utilizando el siguiente código:

$.validator.addMethod("maxlength", function (value, element, len) { 
    return value == "" || value.length <= len; 
});