JSFiddle - React, Tailwind, and code Playground

by ult_combo

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form>
    <input name="time" placeholder="hh:mm:ss"><br>
    <input type="submit">
</form>

JavaScript

$.validator.addMethod("time24", function(value, element) { 
    return /^([01]?[0-9]|2[0-3])(:[0-5][0-9]){2}$/.test(value);
}, "Invalid time format.");

$(function() {
    $('form').validate({
        rules: {
            time: {
               required: true,
               time24: true
             }
        }
    });
});