JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="uID" />

JavaScript

$(document).ready(function () {
    $("#uID").keyup(function () {
        console.log("KeyUp")
        var textElement = this;
        clearTimeout(textElement.timer);
        if(textElement.xhrReq && textElement.xhrReq.abort){
            textElement.xhrReq.abort();
        }
        textElement.timer = setTimeout(function(){
            console.log("Invoking validation : " + textElement.value);
            validateUID(textElement);
        }, 1000);
    });
});

function validateUID(uidElement) {
    console.log("Starting validation : " + uidElement.value);
    uidElement.xhrReq = $.ajax({
        url: "/echo/json/",
        data: {
            userId: uidElement.value,
            delay: 3
        }
    }).done(function (data) {
        console.log(data);
        //Do something with data
    });
}