JSFiddle - React, Tailwind, and code Playground

by lvo811

HTML

<form>
    <div class="hidden">Form is submitted</div>
    <input type="text" name="name" /> <span id="state"></span>
    <input type="submit" name "submit" value="submit" />
</form>

CSS

.hidden {
    display:none;
}

JavaScript

$("form").on("focusin focusout", ":input", function(e){
    var s = $("#state");
    if (this.attr('type')=="submit") {
        console.log("it's a button");
        return true;
    }
    
    s.text(e.type);
});

$("form").on("submit", function(e){
   $(".hidden").show(); 
});