JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<form id="a" action="" method="post">
    <input required="required" name="t" />
    <input type="submit" />
</form>

JavaScript

$("form").attr("noValidate", true);
document.getElementById("a").addEventListener("submit", function(e) {
    var t = e.target;
    
    if (!t.checkValidity()) {
        e.stopPropagation();
        e.preventDefault();
        
        alert(2);
        // form invalid
    }
}, true);

$("body").on("submit", "form", function(e) {
    alert(1);
});