Replies posted by May-Ink

4 Replies

Jess
Unbouncer
JessFormer Community Manager @ Unbounce
asked in Tips & Scripts

Multi-Field, Multi-Step Form 🔥

Hi @TimothyDO, Thanks for the suggestion! It appears however that disabling the submit button is a bit trickier than you’d think, with certain browsers treating the disable JS differently. Someone in the linked thread mentioned they ended up moving the button instead, so for anyone else struggling with this I came up with the following: In Multi Step 1 JS After this.form.submit(); Add this.forwardButton.addClass('move-on-submit'); My code looks like this (note I removed the line that returns the form to the initial step) if ( this.currentStep === this.steps.length - 1 ) { this.form.submit(); this.forwardButton.addClass('move-on-submit'); }else{ //$('#reg_nurse_disclaimer').hide(); this.goToStep( this.currentStep + 1 ); } }; Then in one of your CSS files Add .move-on-submit { margin-top: 100px; visibility: hidden!important; } The above will simply move the button down 100px and make it invisible. To the user the button will disapper while the followup p

100
S
6 months ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
asked in Tips & Scripts

Multi-Field, Multi-Step Form 🔥

Hi all, Thanks again for all the great tips so far! I’m having an issue where eager users are managing to submit the form multiple times before the follow up page loads- this is causing some havoc for our backend system that is receiving the data via webhook. I initially used @TimothyDO 's code that prevents the form flicking back to “page one” on submit. I initially thought having the “submit” button sitting idly there on the page while the follow up page loaded was causing people to click it again thinking it wasnt working, so I reverted to the original code. It seems though that the “continue” button becomes the “submit” button after meeting a set of criteria in the JS (is this correct?), so the problem is still occuring- people are clicking “continue” causing additional submits. My question is, is there a way to disable the buttons on submit? Or better yet, adding to @TimothyDO 's fix, disable the submit button and change the text to “please wait”? I’ve searched for a solution and

100
S
6 months ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
asked in Tips & Scripts

Multi-Field, Multi-Step Form 🔥

@Caroline Thank you so much for your fast and very well explained solution! This did the trick and fortunately I can fix up the CSS 🙂

100
S
6 months ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
asked in Tips & Scripts

Multi-Field, Multi-Step Form 🔥

Hi @Caroline -thank you very much for the code! I’m having a problem where the back button is submitting the form. Anyone else experiencing this? I’m trying to isolate the issue and will report back. Thanks!

100
S
6 months ago

Badge winners

Show all badges
Terms & ConditionsCookie settings