JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js"></script>
<form id="form">
   <label for="name">Name</label>
    <input type="text" name="name" id="name" class="required" minlength="2" />
   <span></span>
    <br/>
   <label for="surname">Surname</label>
    <input type="text" name="surname" id="surname" class="required" minlength="2" />
   <span></span>
    <br />
    <input type="submit" value="submit" id="submit" />
</form>

JavaScript

$(function(){
$("#form").validate({
    messages: {
        name: "Please enter name.",
        surname: "Please enter surname."    
    },
    errorElement: "span",   
    errorPlacement: function(error, element) {
            error.insertAfter(element);
        }   
});
});