JSFiddle - React, Tailwind, and code Playground

by Kaleb Hornsby

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script>
<form name=form id=form action=http://jsfiddle.net/echo/jsonp/ novalidate>
    <div>
        <label for=A class=error>Need Status</label>
        <label for=A><input type=checkbox name=status value=A id=A required>A</label>
        <label for=B><input type=checkbox name=status value=B id=B>B</label>
        <label for=C><input type=checkbox name=status value=C id=C>C</label>
    </div>
    <fieldset id=def><legend>def</legend>
        <label for=A><input type=checkbox name=condition value=D id=D>D</label>
        <label for=B><input type=checkbox name=condition value=E id=E>E</label>
        <label for=C><input type=checkbox name=condition value=F id=F>F</label>
    </fieldset>
    <p><label>Preferred delivery time: <input type=time min="11:00" max="21:00" step="900"></label></p>
    <input type=submit value=Submit>
</form>

CSS

label.error {
    display: none;
}

JavaScript

$(document).ready(function(){
    $('#form').validate();
});
alert(form.def)