Prevent double submit pattern.

November 2, 2023 ยท View on GitHub

Prevent multiple submissions of the same form.

Configuration

OptionTypeDefaultDescription
guardClassNamestring"submitting"Class applied to submit button after it is clicked once.
optOutClassNamestring"allowMultiSubmit"Class used to opt-out a submit button from double-submit prevention.
messagestring"You already clicked the submit button. Do you really want to submit this form again?"Message to be displayed when "opt-out" submit button is clicked a second time.

Example

<form class="pat-preventdoublesubmit" onsubmit="javascript:return false;">
    <input type="text" value="submit this value please!" />
    <input class="btn btn-large btn-primary" type="submit" value="Single submit" />
    <input
        class="btn btn-large btn-primary allowMultiSubmit"
        type="submit"
        value="Multi submit"
    />
</form>