Submit button still clickable after clicking

  • Resolved thefriendlancer

    (@thefriendlancer)


    6 years, 6 months ago

    Hi Support,

    We found a strange behaviour for the VFB form.
    We are using it on our pages and we found that even after clicking on the Submit button with all valid data, the submit button does not toggle to a disabled or non-clickable state.
    In effect, users are still able to initiate another click(s) causing the form to be submitted more than once.
    We think this is a bad user experience and we think it is best the submit button will be disabled when triggered the first time (with all data submitted are valid).

    So is there any way we can achieve that with the current plugin version?
    Is there a setting for that? Or maybe a custom code or JS that we can use?

    The issue becomes more obvious when we put the form on a popup where there is no indicator (page loading) which then cause the user to think that they missed a click and try to click it multiple times.

    Please help.

    Thanks!

    [ Please do not bump. ]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter thefriendlancer

    (@thefriendlancer)

    [THIS IS NOT A BUMP]

    I apologize, but I would just like to say that we were very desperate, so we ended up creating our own work around and added the below JS code:

    jQuery( document ).ready(function() {
	jQuery( '.vfb-submit' ).click(function() {
		setTimeout(
			function() 
			{
				if(jQuery('.vfb-error').is(':visible')) {
					//Do nothing
				}
				else {
					jQuery('.vfb-submit').prop("disabled",true);
					jQuery('.vfb-submit').prop("value","Please wait...");
					jQuery('.vfb-submit').css("background","#999");
				}
			}, 500);
	});
});

    But we are still hopeful there will be a fix released coming from the plugin.

    Thanks!

    • This reply was modified 6 years, 6 months ago by thefriendlancer. Reason: edited code
    Plugin Author Matthew Muro

    (@mmuro)

    Hi @thefriendlancer,

    This is actually available in VFB Pro. Glad you found a work around!

    I am having a similar issue with the submit button being clickable while files are getting uploaded. Where would this script get put in to ensure they can only upload once(we have had extreme circumstances of 20 + applications due to file size and time to upload them.)

    I also have the pro version and do not see an option to change anything with the submit button other than CSS/Layout/ and name of field.

    Thread Starter thefriendlancer

    (@thefriendlancer)

    @kitchencraftcookware – we have moved on with this issue and replaced the plugin with another plugin. but to answer your question, you can hook to https://codex.www.ads-software.com/Plugin_API/Action_Reference/wp_footer

    on submit button there is no action, before 10days it is working fine except file upload where files are not shown in emails

    Actually my requirement is on submit the form details should be sent to concerned person with a confirmation mail to the user.
    Most importantly i want the file that is uploaded need to be collected on visual form dashboard. and in the form of email.

    thanks resolved

    can we have 2 forms on the same page with two different buttons for 2 different forms. is it possible in VFB.????

    Where i want the user to upload doc. In one form and and videos in another form.

    is it possible for uploading videos files in the form where we can collect it in our VFB dashboard.

    I am using free version of VFB

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Submit button still clickable after clicking’ is closed to new replies.