JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/additional-methods.min.js"></script>
 <form id="myform" class="myform">
            <div class="div_panel">First</div>
            <div>&nbsp</div>
            <input type="text" id="field" class="field" name="local_Field" />
            <input type="text" id="field_1" class="field" name="local_Field" />
            <input type="text" id="field" class="field" name="local_Field" />
            <input type="text" id="field_1" class="field" name="local_Field" />
            <input type="button" required value="Submit" id="btn_sub1" />
    </form>

CSS

.div_panel {
                    background-color: yellow;
                    font-size: 16px;
            }

JavaScript

$(document).ready(function (){
    $("#myform").validate({
        rules: {
            field: {
                required: true
            }
        }
    });
});