JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<form id="frm" action="" method="get">
    <fieldset>
        <legend>Validation POC</legend>
        <p>
            <label for="cname">Name</label>
            <em>*</em><input id="cname" name="cname" size="25" />
        </p>
        <p>
            <label for="cemail">E-Mail</label>
            <em>*</em><input id="cemail" name="cemail"size="25"  />
        </p>
        <p>
            <input class="submit" type="submit" value="Submit"/>
        </p>
    </fieldset>
</form>

JavaScript

$(document).ready(function() {
    $("#frm").validate({

        rules: {
            cname: {
                required: true
            },
            cemail: {
                required: true,
                email: true
            }
        },
        messages: {
            cname: {
                required: "Please enter your name"
            },
            cemail: {
                email: "Email is not validated"
            }
        }
    });
});