How do I add a reset button?

Add an HTML element to the form, and in the settings enter the HTML for a button, make sure it has the reset-form class.

1
<button class="reset-form" type="button">Reset</button>
<button class="reset-form" type="button">Reset</button>

Then go to Forms → Settings → Custom CSS & JS and at the Custom JavaScript field add the following code.

1
2
3
4
5
6
jQuery(function ($) {
    $('.reset-form').click(function () {
        $(this).closest('.quform-form').data('quform').reset();
        return false;
    });
});
jQuery(function ($) {
    $('.reset-form').click(function () {
        $(this).closest('.quform-form').data('quform').reset();
        return false;
    });
});
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy