example.html

﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery-CPF-CNPJ Plugin</title>
    <style>
        .error { border-color: #F70202 }
    </style>
</head>
<body>
    <input type="text" class="validate" />
    <input type="button" class="btn" value="Test" />

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="jquery.cpfcnpj.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.validate').cpfcnpj({
                mask: false,
                validate: 'cpfcnpj',
                event: 'click',
                handler: '.btn',
                ifValid: function (input) { input.removeClass("error"); },
                ifInvalid: function (input) { input.addClass("error"); }
            });
        });
    </script>
</body>
</html>