Javascript RegEx: validate time

Question

I have a stopwatch variable that can get value in the following format: HH:MM:SS most of the time. 'HH' can go past 24 hours - basically any valid number.

I am not that good with this regex thingy, but was able to write something that is good for most part but fails to validate if the hour is single digit. Ex. below regex pass the time 1:10:09, though it is invalid. valid hour part should be 01.

//var stopWatchTime = '02:10:09'; //Valid
//var stopWatchTime = '00:10:09'; //Valid
//var stopWatchTime = '1234:10:09'; //Valid
//var stopWatchTime = ':10:09'; //Invalid
//var stopWatchTime = 'ax:10:09'; //Invalid
var stopWatchTime = '1:10:09'; //Invalid, should be 01:10:09. 

if(!stopWatchTime .match(/^\d+:\d{2}:\d{2}$/)){
    alert('invalid time- ' + stopWatchTime);
}
else{
    alert('valid time - ' + stopWatchTime);
}

What should I change in the regex to say it should check for any number but should have 2 digits or more in hour part?

@Nemanja, that was my original regex but it didn't account for more than 2 digits in hour part. — Sri Reddy
– Sri Reddy, Commented Jul 9, 2012 at 18:37
@Ohgodwhy, I was not able to make this work for hours more than 2 digits. — Sri Reddy
– Sri Reddy, Commented Jul 9, 2012 at 18:38

Ghost · Accepted Answer · 2012-07-09 18:29:47Z

15

/^\d{2,}:\d{2}:\d{2}$/

Change the + to a {2,} to allow it to have two or more characters

If you want to see the things that matches and doesn't match you can play with it here http://regexr.com?31fu4

EDIT: Also if you only want to match up to 59 in the hours/minutes part use

^\d{2,}:(?:[0-5]\d):(?:[0-5]\d)$

edited Jul 9, 2012 at 18:29

answered Jul 9, 2012 at 18:23

Ghost

2,24620 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sri Reddy Over a year ago

Excellent solution and great link. You won't believe I took some time to draft this question. As I didn't want to look stupid.. and I tried various options except for this {2,}. But thanks for the quick response. I can only accept this answer in another 7 minutes. Waiting...

Sri Reddy Over a year ago

...also Ghost thanks for that extra line at the end to check for minutes/seconds match 0-59. It is really very helpful.

user1512843 · Accepted Answer · 2012-07-09 18:58:28Z

2

http://gskinner.com/RegExr/?31fug ^\d{2,}(:[0-5]\d){2}$

answered Jul 9, 2012 at 18:58

user1512843

Comments

Gabe · Accepted Answer · 2014-02-16 03:50:42Z

2

// use this function to  validate time in HH:mm formate

function validate_time(time){
    var a=true;

    var time_arr=time.split(":");
    if(time_arr.length!=2){           
        a=false;
    }else{
        if(isNaN(time_arr[0]) || isNaN(time_arr[1])){                
            a=false;
        }
        if(time_arr[0]<24 && time_arr[1]<60)
        {

        } else{
            a=false;
        }         
    }
    return a;

}

edited Feb 16, 2014 at 3:50

Gabe

87.1k13 gold badges144 silver badges238 bronze badges

answered Apr 2, 2013 at 8:52

Ashish gupta

311 silver badge7 bronze badges

Comments

Omar Trinidad Chavez Mojarro · Accepted Answer · 2014-09-09 20:02:50Z

1

Another solution could be:

 $('#input-horaIni, #input-horaFin').blur(function () {
        var validTime = $(this).val().match(/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/);
        if (!validTime) {
            $(this).val('').focus().css('background', '#fdd');
        } else {
            $(this).css('background', 'transparent');
        }
    });

This works for me... Based on page: http://www.mkyong.com/regular-expressions

answered Sep 9, 2014 at 20:02

Omar Trinidad Chavez Mojarro

196 bronze badges

Comments

Abhijeet · Accepted Answer · 2015-01-20 17:33:32Z

0

Here is my answer for this validation!

function checkTimes(val){
val=new String(val);
if(val.length!=5){
    return false;
}
else{
    var hour=val.substring(0,2);
    var min=val.substring(3,5);
   if(val.substring(2,3)!==":") return false;
    if(isNaN(hour)) return false;
    if(isNaN(min)) return false;
    if(parseInt(hour)<24){
        if(parseInt(min)<60){
            return true;
        }
        else return false;

    }else return false;
}
}

You can extend my answer for 8chars...

edited Jan 20, 2015 at 17:33

answered Jan 20, 2015 at 17:22

Abhijeet

841 gold badge3 silver badges9 bronze badges

Collectives™ on Stack Overflow

Javascript RegEx: validate time

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related