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">
<select name="quantity[adult][seat_a]" class="group-required">
<option value="">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br/>
<select name="quantity[adult][seat_b]" class="group-required">
<option value="">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br/>
<select name="quantity[adult][seat_c]" class="group-required">
<option value="">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br/>
<input type="submit" />
</form>
JavaScript
$(document).ready(function () {
$('#myform').validate({
// other options,
});
$('.group-required').each(function () {
$(this).rules('add', {
require_from_group: [1, '.group-required']
});
});
});