[jQuery] [jquery][validate] Locking submit button interferes with validation plugin
This is a question about the jquery Validation plugin.
I need to lock the submit button on some forms to prevent multiple
submissions, but I don't want to permanently lock it, in case there's
a validation problem that the user needs to resolve. I did come up
with a way to temporarily lock it and change the text to "Saving,
Please Wait..." for a few seconds, then revert it to an unlocked
submit button.
The problem I'm having is that this conflicts somehow with the jquery
validation plugin. Some fields that have error messages if the user
attempts to submit the form with missing data. If I use the temporary
locking submit button (which uses an animation to create a duration)
then these error messages do not display.
Is it possible to test for a validation value in a separate function
before running this lock function? If valid, lock, if not valid, don't
lock, because it isn't possible to submit an invalid form anyway.
I tried wrapping the locking submit function in a setTimeout, but that
didn't have any effect at all in delaying it.