Adding a captcha widget to a form in a modal

Hi Ray, I wonder if you could take a look at the attached page? I have a booking form in a modal window which I've just added a captcha to. The other fields all have server validation applied as well. However, I've only just noticed that none of the validation is actually working properly - you hit the submit button and if the fields are correctly completed the form submits, the email sends and you're redirected to the success message, but if the fields aren't correctly completed the modal window still closes and no message is shown so the user doesn't know the form hasn't submitted. I thought it was just because the form is in a modal but even if you re-open the window, none of the validation show if fields are showing. I've been trying for hours to get this to work properly with no success! The ideal scenario would be for the modal window not to close when the button is pressed.

Add a failed validation message to the page so the user will know it failed.

I tried adding a generic failed validation message to the main page but it's not displaying either - the validation does prevent the form from submitting but none of the failed validation messages are showing whether they're beside the form fields in the modal or back on the main page. No idea what's going on - I use this all the time but for some reason on this page it just won't work.

This post has been deleted.

This post has been deleted.

Sorry about that... that was actually me, but I had logged in as a user to check something in his account and forgot to log out. Smart move not to share any FTP information with anyone else. However, if you could give it to me in the private area I can help debug it.

Phew, that's a relief!! Thanks for confirming, details in PM!

Your error message was in a section of the page that only is displayed when the url parameter "book" is set.

To fix the problem, I added the url parameter and an anchor to the server validation failed redirect. I also added an action to the form to clear the parameter when the form is re-submitted.

Hi Ray

There still seems to be a couple of issues with it - if I submit the form without filling anything in, it still closes the modal and none of the server validation messages appear. Also, the success message displays underneath the error message as they're both in the same area. The ideal scenario would be if someone doesn't fill in one or all of the fields, the modal stays open and the individual error messages are shown, particularly the captcha field.

You could probably use javascript in the show if area to re-open the modal if it fails validation.

Keeping the modal open is more difficult. It would mean doing validation through AJAX, and would require more hand coding. I could help with that in a premier support ticket.

The success message can be wrapped in a server validation show if region to only show if all validations pass. That is the easier solution.