JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js"></script>
<form id="myform">
    <input type="text" name="foo" />
    <br />
    <input type="text" name="bar" />
    <br />
    <input type="text" name="foobar" />
    <br />
    <br />
    <input type="submit" />
</form>

JavaScript

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            foo: {
                require_from_group: [1, '[type="text"]'],
				email: true
            },
            bar: {
                require_from_group: [1, '[type="text"]'],
				digits: true
            },
            foobar: {
                require_from_group: [1, '[type="text"]']
            }
        },
		// comment out 'groups' option to see what happens
        groups: {
            mygroup: 'foo bar foobar'
        }
    });

});