JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form>
    n1: <input type="text" name="text1" class="required" /> <br />
    n2: <input type="text" name="text2" class="required" /> <br />
    <input type="submit" value="submit" />
</form>

CSS

.error
{
    color: red
}

.errorextra
{
    margin-left: 10px;
}

JavaScript

$(function() {
    $('form').validate({
       showErrors: function(errorMap, errorList) {
            this.defaultShowErrors();
            $(this.currentForm).find('label[for=text2].error').addClass('errorextra');
        }
    });
});