JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form id="myform">
    <label>
        <input type="checkbox" name="produto[]" value="1"/>Produto 1
    </label>
    <label>
        <input type="checkbox" name="produto[]" value="2"/>Produto 2
    </label>
    <label>
        <select name="produto2[]">
            <option value="">Selecione</option>
            <option value="1">Produto 1</option>
            <option value="2">Produto 2</option>
            
        </select>
    </label>
    <input type="submit" />
</form>

CSS

.error {color:red;}
label{display:block;}

JavaScript

$("#myform").validate({
    rules: {
        'produto[]': {
            required: true
        },
        'produto2[]': {
            required: true
        }
    }
});