JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform">
<input type="checkbox" class="phone-group" name="Diretor" id="Diretor" />Diretor
<input type="checkbox" class="phone-group" name="Vice" id="Vice" />Vice-Diretor
<input type="checkbox" class="phone-group" name="Coordenador" id="Coordenador" />Coordenador
<input type="checkbox" class="phone-group" name="Nenhum" id="Nenhum" />Não conversei com ninguem
<br/>
<input type="submit" value="Validate!">
</form>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
CSS
.phone-group{
display: block;
}
JavaScript
$("#myform").validate({
rules: {
Diretor: {
require_from_group: [1, ".phone-group"]
},
Vice: {
require_from_group: [1, ".phone-group"]
},
Coordenador: {
require_from_group: [1, ".phone-group"]
},
Nenhum: {
require_from_group: [1, ".phone-group"]
}
}
});