Regex for AM PM time format for jquery

Question

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 conjunction with a jquery tool from www.ThimbleOpenSource.com. It was the filter_input.js tool or whatever.

It seems to work for a simple regular expression but the one I came up with doesn't seem to work. This is my jsFiddle test link below.

jsFiddle

Answer 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');
    }
});

Answer 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.