JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<body>
    <input type="text" id="field1" value="not 1"/><br/>
    <input type="text" id="field2" value="not 2"/>
</body>

CSS

.errorDiv{
    background:yellow;
}

JavaScript

$(document).ready(function($){
    if($("#field1").val() != "1"){
        //create an "error message" div, and insert it after the form field
        $("<div/>",{
            class: 'errorDiv',
            id: 'errorDiv1'
        }).insertAfter("#field1");
        $("#errorDiv1").html("an error message");
    }
    
    if($("#field2").val() != "2"){
        //create an "error message" div, and insert it after the form field
        $("<div/>",{
            class: 'errorDiv',
            id: 'errorDiv2'
        }).insertAfter("#field2");
        $("#errorDiv2").html("another error message :)");					
    }
});