JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" name="foo" required="required" />
    <input type="submit" />
</form>

JavaScript

$(document).on('invalid', ':input', function() {
    alert('Caught invalid form submit (delegate)');
});

$(':input').on('invalid', function() {
    alert('Caught invalid form submit (direct)');
});