How to prevent double submission of registrations?

[mattrubinstein]

Hi there

I’d like to prevent users from double-submitting registration forms, either by clicking the “Register” button twice, or by pressing Return/Enter on the final field and THEN clicking the “Register” button. It takes a moment for anything to happen after the first submission, and during this time it’s apparently possible to click the button again. Then two registration forms seem to be submitted, and the second one fails because the username is now already taken; and instead of logging in the user and redirecting to the welcome page (which I’ve enabled), we are left on the registration page with the errors.

I’ve looked on the internet for Javascript solutions and have tried to fiddle around with the _onSubmitEvent function in jquery.validationEngine.js, but I can’t seem to both disable the “Register” button AND still get the form to submit on a single click.

Is there a simple fix?

[mattrubinstein]

Just to follow up on this, I seem to have solved the problem for now by inserting the following code at the beginning of the _onSubmitEvent function:

Code:

var now = new Date().getTime();

if ((this.beenSubmitted) && (now – this.beenSubmitted < 3000))
{
return false;
}
else
{
this.beenSubmitted = now;
}

So this disables any submission within 3 seconds of the last submission. Is this likely to have negative repercussions or is there a better way?

Thanks

Matt

[admin]

Hi Matt, What you have done is pretty good and should work fine but I think we can do a little better. I like the idea of disabling the button after the first click so I am going to try to create a little eMember addon that disables the register button when it is clicked.

[mattrubinstein]

Thanks Key Master, that sounds good. Maybe some kind of “Please wait” like with the fancy login form would be useful too? And the other problem I was having with disabling the button was re-enabling it again if the validation fails. I’ll leave it with you!

[admin]

The following little addon should do the job:

http://www.tipsandtricks-hq.com/wordpress-membership/disable-button-after-form-submission-848

[Author]

Posts