jquery masked edit pour le temps

À l'aide de meioMask Plugin est-il possible de définir un masque de sorte qu'il va accepter de temps en 24h ou mieux encore dans les 12h système?

$("#txtTime").setMask('time');

Ce plugin a un pré-définis 24h "temps" masque mais c'est pas tout à fait correcte, de sorte que vous pouvez entrer invalide temps des valeurs comme "29:00". C'est ce masque n'est pas adapté à cette fin et si ce n'est celui qui convient le mieux?

vous pourriez vouloir essayer le plugin qui a commencé tout cela: digitalbush.com/projects/masked-input-plugin
Une mise en garde: assurez-vous de valider la valeur à côté serveur si c'est important, sinon les gens peuvent hack ensemble des formulaires personnalisés ou des chaînes de requête pour contourner la restriction.
Pas une information sensible, le temps est rarement le cas
+1 à Victor pour sonner comme le Médecin.

OriginalL'auteur Victor | 2010-02-14

  1. 13

    Essayez ceci:

    $.mask.rules.H = /([0-1][0-9]|2[0-3])/;  //24 hours
$.mask.masks.time = 'H:59';
$("#txtTime").setMask('time');

    Correction:

    Les règles doivent être pour un seul caractère, afin d'avoir cela à l'esprit, vous pouvez inverser le masque lorsque l'entrée commence par " 2 " et valider le char à côté de [0-3]:

    $("#txtTime").setMask("29:59")
.keypress(function() {
  var currentMask = $(this).data('mask').mask;
  var newMask = $(this).val().match(/^2.*/) ? "23:59" : "29:59";
  if (newMask != currentMask) {
    $(this).setMask(newMask);
  }
});

    Note: Dans ce cas, je suis en utilisant l'événement keypress, assurez-vous de manipuler la pâte événement si nécessaire.

    Merci pour la réponse. Il semble que ce soit un pas dans la bonne direction, mais comme c'est de ne pas accepter n'importe quelle entrée à tous:-)
    Je vois, il semble que le meioMask plugin par un char de validation, je vais vérifier si elle permet de multi-char règles.
    C'est tout bon, sauf qu'il ne permettra pas à certains des entrées valides qui ont 2 en eux, comme j'ai essayé le "23:32", ne me laisse pas l'entrée de la dernière "2"
    Je vais modifier la regex match ^2.*
    Avec qui, fonctionne très bien, la seule chose que j'ai dû changer de traiter de l'événement keydown à la place, ou après le 3e numéro, il déplace juste le curseur sur 1 à gauche, je ne sais pas pourquoi.

    OriginalL'auteur Alex LE