JSFiddle - React, Tailwind, and code Playground

by Sam Tyson

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

JavaScript

$(document).ready(function() {
    $("#checkNameForm").validate({
        onkeyup: false,
        rules: {
            "Name": {
                "required": true,
                "minlength": 5,
                "maxlength": 10,
                "remote": "\/abc\/def\/checkname"
            }
        },
        messages: {
            "Name": {
                "required": "Please enter a Name.",
                "remote": "Name is already in use."
            }
        },
        ignore: "input[remote]",
        success: function(label) {
            label.addClass("success");
        },
        "validClass": "success"
    });
});