JSFiddle - React, Tailwind, and code Playground

HTML

<form action=test id=form>
    <input type=submit>
</form>
<button id=submit>Submit</button>

JavaScript

document.getElementById('form').addEventListener('submit', function (e) {
    e.preventDefault();
    alert('stopped');
}, false);

(function () {
    var form = document.getElementById('form');
    var submit = form.submit; 

    form.submit = function () {
        var evt = new Event('submit',{cancelable:true});
        form.dispatchEvent(evt);
        
        //minimc the default behaviour and submit the form if 'preventDefault'  was not called.
        if( !evt.defaultPrevented ) {
            submit.call(form);
        }
    };

}());

document.getElementById('submit').onclick = function () {
    document.getElementById('form').submit();
}