JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<input type="text" class="keyup-characters">
    
    <span>
        
    </span>

JavaScript

$('.keyup-characters').keyup(function() {
    $('span.error-keyup-2').remove();
    var inputVal = $(this).val();
    var characterReg = /^\s*[a-zA-Z0-9,\s]+\s*$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error error-keyup-2">No special characters allowed.</span>');
    }
});