JSFiddle - React, Tailwind, and code Playground

by andrewwhitaker

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js"></script>
<form id="myform">
<input type="text" name="ccnum" id="ccnum" value="4*****111" />
<input type="submit" />
</form>

JavaScript

$.validator.addMethod("creditcard-custom", function (value, element) {
    return this.optional(element) || 
        element.value === element.defaultValue ||
        $.validator.methods.creditcard.call(this, value, element);
}, $.validator.messages.creditcard);
    

$(document).ready(function() {
    $("#myform").validate({
        rules: {
            ccnum: {
                required: true,
                'creditcard-custom': true
            },
            exp_year: {
                ccDate: true
            },
            exp_month: {
                ccDate: true
            }
        }
    });
});