JSFiddle - React, Tailwind, and code Playground

by MrTest

JavaScript

$.validator.addMethod("time", function(value, element) {
    return this.optional(element) || /^(([0-9])|([0-1][0-9])|([2][0-3])):(([0-9])|([0-5][0-9]))(a|p)m?$/i.test(value);
}, "Please enter time in HH:MM format (e.g. 15:34)");
$('form').validate({
    rules: {

        ctl00$ContentPlaceHolder1$injuryQ8: "required time",
        ctl00$ContentPlaceHolder1$nearmissQ5: "required time"

    },
    ignore: ":hidden",
    errorPlacement: function(error, element) {

        if (element.hasClass('ui-autocomplete-input')) {

            error.insertAfter("button");

        } else {

            error.insertAfter(element);

        }
    },
    invalidHandler: function(form, validator) {
        $('input.error').filter(":first").focus();
    },
    submitHandler: function(form) {
        form.submit();
    }
});