JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/KevinSheedy/jquery.alphanum/master/lib/jquery.js"></script>
<script src="https://rawgit.com/KevinSheedy/jquery.alphanum/master/jquery.alphanum.js"></script>
<h2>jquery.alphanum test page</h2>

<div>input[text]</div>
<input type="text">

<div>input[number]</div>
<input type="number">

<div>textarea</div>
<textarea></textarea>

CSS

div {
    margin-top: 20px;
}
textarea {
  display: block;
  width: 250px;
  height: 100px;
}

JavaScript

$("input, textarea").alphanum({
    allow              : 'àâäæ',
    disallow           : 'xyz',
    allowSpace         : false,
    allowNumeric       : true,
    allowUpper         : true,
    allowLower         : true,
    allowCaseless      : true,
    allowLatin         : true,
    allowOtherCharSets : true,
    forceUpper         : false,
    forceLower         : false,
    maxLength          : NaN
});