JSFiddle - React, Tailwind, and code Playground

by Stafox

HTML

<form action="">
  Par (between 3 and 6): <input type="text" name="par" pattern="[3-6]{1}" title="Par from 3 to 6" />
  <input type="submit" class="submit1" value="without e.PreventDefault" />
</form>

<form action="">
  Par (between 3 and 6): <input type="text" name="par" pattern="[3-6]{1}" title="Par from 3 to 6" />
  <input type="submit" class="submit2" value="with e.PreventDefault" />
</form>

JavaScript

$('input.submit1').on('click', function(e) {
    //e.preventDefault();
});
$('input.submit2').on('click', function(e) {
    e.preventDefault();
});