Regex For Am Pm Time Format For Jquery

I am being frustrated by a regular expression to mask the input field. I want to Limit input to hh:mm AM|PM format and I can't get this regex to work. I use this regex in conjunc

Solution 1:

I have made a jsfiddle example, based on the regular expression of the answer von Yuri: http://jsfiddle.net/Evaqk/

$('#test1, #test2').blur(function(){
    var validTime = $(this).val().match(/^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/);
    if (!validTime) {
        $(this).val('').focus().css('background', '#fdd');
    } else {
        $(this).css('background', 'transparent');
    }
});

Solution 2:

First of all, if you using it for input field, you should never let users input date or time information using text fields and hoping it will be in strict format.

But, if you insist:

/^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/

This regex will validate time in AM/PM format.

Solution 3:

You can't do that with that plugin because here you need to check each character.

HTML:

<form><p>When?</p><inputtype="text"id="test1"placeholder="hh:mm(AM|PM)"/></form>

JavaScript:

$("#test1").keypress(function(e) {
    var regex = ["[0-2]",
    "[0-4]",
    ":",
    "[0-6]",
    "[0-9]",
    "(A|P)",
    "M"],
    string = $(this).val() + String.fromCharCode(e.which),
    b = true;
    for (var i = 0; i < string.length; i++) {
        if (!newRegExp("^" + regex[i] + "$").test(string[i])) {
            b = false;
        }
    }
    return b;
});

Example

Solution 4:

So I'm pretty sure this is solved by now, but I was recently struggling with this and couldn't find an answer fast enough. I'm using Bootstrap Validator (bootstrapvalidator.com by @nghuuphuoc) in conjunction with Eonasdan's DateTimepicker to validate an hour (PS: You can disable the date in Eonasdan's plugin).

Since Bootstrap Validator doesn't yet have a validator for time, you have to use a Regex. This one worked perfectly for me:

^([0-1]?[0-9]|2[0-3]):[0-5][0-9] [APap][mM]$

Solution 5:

the follwing function return (true/false) value

functionCheckTime(HtmlInputElement) {
       var dt = HtmlInputElement.value;
       return (/(0?[1-9]|1[0-2]):[0-5][0-9] ?[APap][mM]$/.test(dt));
}