JSFiddle - React, Tailwind, and code Playground

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({


        errorPlacement: function(error, element) {

            error.insertAfter(element);

            var id = element.attr('name');
            if (id === 'text2') error.addClass('errorextra');
        }
    });
});