Cancel form submit

by Raul Bojalil

HTML

<form id="myForm" action="">
    First name: <input type="text" name="fname"><br>
    <button id="myButton" type="button">Submit form</button>
</form>

JavaScript

document.getElementById("myButton").addEventListener("click", function() {
    
    document.getElementById("myForm").submit();
    
});
    
document.getElementById("myForm").addEventListener("submit", function(e) {
        
    e.preventDefault();
        
    alert("cancel submitting");
    
});