Input di testo con lunghezza massima non valida con jQuery Validate

Question

Sono bloccato con un problema utilizzando jQuery Validate. Il fatto è che ho alcune caselle di testo con il loro set di attributi maxlength. Sebbene non siano richiesti, non riescono ancora a convalidare quando vuoto o spazio vuoto.

HTML di esempio:

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

Poi, $('#tbx1').valid() rendimenti false. Non dovrebbe invece restituire true? Esistono soluzioni alternative per questo?

Oh, e l'aggiunta di $('#myform').validate({ ignore: '#tbx1' }); non funziona abbastanza per me, perché sto usando i controlli ASP.NET con i loro ID automatici. So che potrei usare l'ID del client del controllo o qualcosa come l'IDOrride di Wilco, ma questo non è esattamente ciò che preferisco.

Quindi, qualcuno? Grazie!

Answer 1

Innanzitutto, presumo che l'input abbia un attributo "nome" e non sia semplicemente mostrato nel tuo esempio? In caso contrario, provalo e potrebbe risolvere il problema.

In secondo luogo, si è tentato di impostare esplicitamente il campo in modo che non fosse necessario ma di avere una lunghezza massima nell'oggetto validatore? Per esempio:

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

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

Answer 2

imbattuto in questo problema io stesso su alcune forme complesse che stavo scrivendo ...

La mia soluzione è solo quello di creare il mio metodo maxlength che posso 'maxLen' che funziona quasi esattamente come il metodo predefinito appena sotto un nome diverso. Basta incollarlo sopra la tua convalida principale di convalida ($ ("# mainform"). Validate ({}) o qualunque sia il tuo modulo chiamato).

//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 volta fatto che è possibile aggiungere la regola in questo modo:

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

Answer 3

questo sembra essere un bug in questo plugin. Se risolto sostituendo il metodo con un'implementazione personalizzata utilizzando il seguente codice:

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