Disable input in formwizard
I'm trying to fix an issue I've run into with the formwizard plugin by Jan Sundman. The example I have is using jQuery version 1.4.2, and the problem is that when I click the formwizard's navigation buttons too fast, it messes up the rendering of the current 'step'. In order to display arrows instead of text, anchor tags are being used for the navigation. Here's what I've found with some tests:
- If I'm using input elements for the navigation buttons, the 'disableInputFields' option takes care of things, but then I don't have the arrows as the design requires.
- Using anchor tags instead of input fields for navigation causes the 'disableInputFields' to be worthless in terms of preventing navigation clicks.
- Trying to manually disable the anchor tags with the 'before_step_shown' and 'step_shown' events does not work. When viewing the tag in Chrome's developer tools window, the classes to disable the navigation appear and disappear as the step is rendered, but this has no effect on the click handling.
- Early versions of jQuery had this problem, where disabling click events was inconsistent between input and anchor tags.
- Upgrading to a newer version of jQuery didn't work. I'm not even certain this is permissible to do, but when I tried referencing jQuery 1.7.2, the anchor tags were disabled and never enabled. The classes applied to the anchor tags when using version 1.4.2 were not there. It appears that the formwizard plugin isn't compatible with recent versions of jQuery. The version referenced in their demo page was 1.4.2.
So besides setting the animation transition to have a zero value, preventing the animation entirely, I haven't been able to get around this problem. The only options seem to be to use an input field, or to disable the animation. I'd appreciate any help.