We have implemented a pageflow that walks a user through a "wizard" to accomplish a task.

We have discovered that the users sometimes double click on the "next >" button. On some of the steps in the wizard, the database is getting duplicate data inserted.

We have implemented some short-term/stop-gap measures to prevent the duplicate data in the service layer of our app.

However, we were curious if there is a best practice that others have used to solve this problem?

We are particularly interested if anyone has addressed this issue on a credit card payment screen. We would like to remove the button after the user clicks on it and replace it with a progress bar.

Is ajax4jsf suited for this task? If so, does anyone have any examples?

Thanks!