JSFiddle - React, Tailwind, and code Playground

by Milan Karagunović

HTML

<form>
    <button id="id1" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id2" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id3" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id4" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id5" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id6" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id7" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id8" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id9" type="submit" name="submit" class="btn-primary">Submit</button>
</form>
<form>
    <button id="id10" type="submit" name="submit" class="btn-primary">Submit</button>
</form>

JavaScript

$('form').submit(function(e) {
    e.preventDefault(); // Demo purpose
    $(this).find('.btn-primary').prop("disabled", "disabled");
});