JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<form>
    <input name="time" placeholder="hh:mm:ss" /><br />
        <input type="submit" id="submi" />
</form>

JavaScript

//jquery form validator 

/*$.validator.addMethod("time24", function(value, element) { 
    if (!/^\d{2}:\d{2}$/.test(value)) return false;
    var parts = value.split(':');
    if (parts[0] > 23 || parts[1] > 59 || parts[2] > 59) return false;
    return true;
}, "Invalid time format.");

$(function() {
    $('form').validate({
        rules: {
            time: {
               required: true,
               time24: true
             }
        }
    });
});*/
validateTime = function(timeData){
    		if (!/^\d{2}:\d{2}$/.test(timeData)) return false;
    		var parts = timeData.split(':');
    		if (parts[0] > 23 || parts[1] > 59 || parts[2] > 59) return false;
            console.log("passed");
    	}
$(document).undelegate("#submi", "click").delegate("#submi", "click", function (e) {
    var startTime = $('input[name=time]').val();
    validateTime(startTime);
});