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="form">
<input type="text" name="cardNumber" class="cc" />
<br/>
<input type="text" name="name" class="cc" />
<br />
<input type="text" name="expDate" class="cc" />
<br/>
<input type="text" name="cvv" class="cc" />
<br/>
<br/>
<input type="submit" />
</form>
JavaScript
$(document).ready(function () {
$("#form").validate({
rules: {
cardNumber: {
require_from_group: [2, ".cc"]
},
name: {
require_from_group: [2, ".cc"]
},
expDate: {
require_from_group: [2, ".cc"]
},
cvv: {
require_from_group: [2, ".cc"]
}
}
});
});