JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<input type="text" id="txtTest" />
<div class="error"></div>
<input type="text" id="txtTest2" />

JavaScript

$('input').on('keypress', function (e) {
    var ingnore_key_codes = [34, 39];
    if ($.inArray(e.which, ingnore_key_codes) >= 0) {
        e.preventDefault();
        $(".error").html("only valid characters are allowed").show();
    } else {
        $(".error").hide();
    }
});