[JQuery] Validazione campo hh:mm con plugin JQuery.validate

[newbobotime]

Cia Raga urge aiutino

Dovrei impostare una regola per validare un campo delle ore in questo formato hh:mm

Per ovviare al problema ho creato 2 campi di input uno per le ore l'altro per i minuti, impostando la regola così:

        campo_ore: {
              required: true,
              number: true,
              minlength: 2,
              maxlength: 2,
              range: [00, 23]
        }
        campo_minuti: {
              required: true,
              number: true,
              minlength: 2,
              maxlength: 2,
              range: [00, 59]
        }

Ma preferirei avere un campo unico hh:mm, quindi l'utente dovrebbe poter inserire per es.: 21:30

Ma come faccio a validarlo ?


thanks




.

[Vindav]

devi aggiungere un nuovo metodo di validazione http://jqueryvalidation.org/jQuery.validator.addMethod e usare una espressione regolare

[newbobotime]

Ok, fatto !
Grazie

Posto il codice nel caso qualcuno ne avesse bisogno:

$().ready(function() {

    $.validator.addMethod(
        "regex_hhmm",
        function(value, element, regexp) {
            var check = false;
            return this.optional(element) || regexp.test(value);
        }
    );
 
    $("#id_form").validate({
        rules: {
            campo_hhmm: {
                required: true,
                regex_hhmm: /^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$/,
                maxlength: 5
            }            
        },        
        messages: {
            campo_hhmm: {
                required: "<= campo obbligatorio",
                regex_hhmm: "<= inserire ora minuti nel formato hh:mm",
                maxlength: "max 5 caratteri"
            }
        }        
    });
});