JSFiddle - React, Tailwind, and code Playground

by mcgrailm

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
<form id="myForm" action="#" >
    <div>
        <input type="text" name="name1" class="fileName" />
        <input type="text" name="name2" class="fileName" />
        <input type="text" name="name3" class="fileName" />
        <input type="text" name="name4" class="fileName" />
    </div>
    <div>
        <input type="text" class="fileName" />
        <input type="text" class="fileName" />
        <input type="text" class="fileName" />
        <input type="text" class="fileName" />
        <input type="submit" />
    </div>
</form>

CSS

div{
padding:10px;
}

JavaScript

$.validator.addClassRules({
    fileName: {
        required: true
    }
});
$("#myForm").validate();