JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>
<form id="test" action="/" method="post">
    <input id="name" class="required" name="name" type="text" />
    
    <ul id="list" class="requiredlist">
    </ul>
    <input type="hidden" name="listitems" id="listitems" class="required" />    
    <button type="button" id="add">Add</button>
    <button type="button" id="clear">Clear</button>
    <input type="submit" />
</form>

JavaScript

$.validator.addClassRules("requiredlist", function() {
    return !!$(element).length;
}, "Add one list item");

$("#test").validate();


$("#add").click(function() {
    $("#list").append("<li>Item</li>");
    $("#listitems").val(true);
});


$("#clear").click(function() {
    $("#list").empty();
    $("#listitems").val('');
});