JSFiddle - React, Tailwind, and code Playground

by slicedtoad

HTML

<form id="form" action="submit">
    <button type='submit'>submit</button>
</form>
<div id='success'></div>
<div id='failure'></div>

JavaScript

$("#form").on("submit",function(e){ //simulates your ajax request
    window.setTimeout(function(){
        $("#success").text("success");
    },1000)
    return false;
});

$("#form").on("submit",function(){
    $("body").append("<div id='loading'>loading...</div>");
    var intervalID = window.setInterval(function(){
        if( $("#success").text() != "" ){
            $("#loading").remove();
            window.clearInterval(intervalID)
        }
    },100);
    return false;
});