JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script>
<form id="myform">
    <label for="day">Day</label>
    <input type="text" name="day" id="day" />
    <label for="month">Month</label>
    <input type="text" name="month" id="month" />
    <label for="year">Year</label>
    <input type="text" name="year" id="year" />
    <br/>
    <input type="submit" />
</form>

JavaScript

$(document).ready(function () {
    /*
    var myData = {
        rules: {
            day: "required",
            month: "required",
            year: "required"
        },
        groups: {
            DateofBirth: "day month year"
        }
    };*/

    $('#myform').validate({
          rules: {
            day: "required",
            month: "required",
            year: "required"
          },
          groups: myGroups
    });

    var myGroups = {DateofBirth: "day month year"};
    
});