JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="val_xml" class="val_xml1" maxlength="3" size="2"/>

JavaScript

$(function() {
    $('#val_xml').bind('change',function() {            
        alert(this.value);
     });
    $(document).keyup(function() {
        var $valXML = $("#val_xml");
        if ($valXML.val().length >= $valXML.attr("maxlength") )
            $valXML.trigger("change");
    });
});