Texteingaben mit maxlength nicht validieren mit jQuery Validieren

Question

Ich bin mit einem Problem mit jQuery Validate stecken. Die Sache ist, ich habe ein paar Textfelder mit ihren maxlength Attribute gesetzt. Obwohl sie nicht benötigt werden, können sie immer noch nicht validiert werden, wenn sie leer oder leer sind.

Beispiel HTML:

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

Dann $('#tbx1').valid() kehrt false. Sollte es nicht stattdessen true zurückgeben? Gibt es bekannte Problemumgehungen dafür?

Oh, und hinzufügen $('#myform').validate({ ignore: '#tbx1' }); funktioniert nicht ganz für mich, weil ich ASP.NET-Steuerelemente mit ihren automatischen IDs verwenden. Ich weiß, dass ich entweder die Client-ID des Steuerelements oder etwas wie IDOverride von Wilco verwenden kann, aber das ist einfach nicht das, was ich bevorzuge.

Also, irgendjemand? Vielen Dank!

Answer 1

Zunächst gehe ich davon aus, dass die Eingabe ein "name" -Attribut hat und in Ihrem Beispiel einfach nicht angezeigt wird? Wenn nicht, versuchen Sie das und es kann das Problem beheben.

Zweitens, haben Sie versucht, das Feld explizit so festzulegen, dass es nicht benötigt wird, aber eine maximale Länge im Validator-Objekt hat? Zum Beispiel:

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

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

Answer 2

Ran in dieses Problem selbst auf einigen komplexen Formen ich schreibe ...

Meine Lösung ist nur meine eigene maxlength Methode zu schaffen, dass ich ‚maxLen‘, die fast genau funktioniert wie die Standardmethode nur unter einem anderen Namen. Fügen Sie dies einfach über Ihren Haupt-Validierungsaufruf ein ($ ("# mainform"). Validate ({}); oder wie auch immer Ihre Form aufgerufen wird).

//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."); 

Sobald Sie getan haben, dass Sie die Regel wie so hinzufügen:

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

Answer 3

Dies scheint ein Fehler in diesem Plugin zu sein. Wenn es durch Ersetzen der Methode durch eine benutzerdefinierte Implementierung mit dem folgenden Code behoben:

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