JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/additional-methods.js"></script>
<form id="myform">
    <input type="text" name="firstname.fieldOne" /><br/>
    <input type="text" name="firstname.fieldTwo" /><br/>
    <br/>
    <input type="submit" />
</form>

JavaScript

$(document).ready(function () {

    var names = "";
    $('input[name^="firstname"]').each(function() {
        names += $(this).attr('name') + " ";
    });
    names = $.trim(names);
    
    $('#myform').validate({
        // other options,
        rules: {
            "firstname.fieldOne": {
                required: true
            },
            "firstname.fieldTwo": {
                required: true
            }
        },
        groups: {
            validDateOfBirth: names
        }
    });

});