JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/additional-methods.min.js"></script>
<form id="form">
    <input id="field" name="field" />
    <button type="button" id="button">OK</button>
</form>

JavaScript

$( document ).ready( function() {
    
    $( '#form' ).validate({
    
        rules: {
            field: { pattern: /[a-zA-Z0-9]+/ }
        }
    });
});