JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form id="myform">
<input type="text" name="field1" id="field1" class="required customphone" />
<input type="submit" />
</form>

JavaScript

$.validator.addMethod('customphone', function (value, element) {
    return this.optional(element) || /^\d{3}-\d{3}-\d{4}$/.test(value);
}, "Please enter a valid phone number");

$.validator.addClassRules('customphone', {
    customphone: true
});

$(document).ready(function () {
    $("#myform").validate();
});