JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/additional-methods.js"></script>
<form id="form">
    <input type="text" name="cardNumber" class="cc" />
    <br/>
    <input type="text" name="name" class="cc" />
    <br />
    <input type="text" name="expDate" class="cc" />
    <br/>
    <input type="text" name="cvv" class="cc" />
    <br/>
    <br/>
    <input type="submit" />
</form>

JavaScript

$(document).ready(function () {

    $("#form").validate({
        rules: {
            cardNumber: {
                required: true
            },
            name: {
                required: true
            },
            expDate: {
                required: true
            },
            cvv: {
                required: true
            }
        },
        groups: {
            ccGroup: "cardNumber name expDate cvv"
        },
        errorPlacement: function(error, element) {
            if ($(element).hasClass('cc')) {
                error.insertBefore(element);
            } else {
                error.insertAfter(element); // default
            }
        }
    });

});