JSFiddle - React, Tailwind, and code Playground

by MrTest

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form> <label for="injuryQ8">
    Time </label>
<input type="text" name="time" Class="required"  />

<input type="submit" />

</form>

CSS

label { display: block;}
input { display: block;}

JavaScript

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

        time: "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();
    }
});