JSFiddle - React, Tailwind, and code Playground
HTML
<form action="google.com">
<p>This form will submit</p>
<input type="text" name="disabled" value="Some text" />
<input type="submit" value=" Submit Form " />
</form>
<hr />
<form action="google.com">
<p>This form is prevented from submitting</p>
<input type="text" name="abc123" value="Some text" />
<input type="submit" value=" Submit Form " />
</form>
JavaScript
$(function() {
$(document).on("submit", "form", function (e) {
alert("Form prevented from submitting");
e.preventDefault();
});
});