Refresh page after sending

Hi,

The (default) captcha is reset (to another number) after pressing submit and if message is succesfully send. So that’s why you cannot resend the submission again by simply refreshing the page.
(This does NOT apply to the new less secure alternative captcha, this changes every hour)

The submission is stored in the database (your dashboard) before it is send. So it can happen that it’s listed in your dashboard but you don’t receive it by email.

Normally you will get an error message if server is not able to send form submission to your email-address, but it can also happen that your mailprovider has blocked it because it thinks it’s spam. You aren’t receiving any messages anymore?

Or do I not understand correctly?

Guido

Hi Guido,

Thank you for your reply. I’m sorry if my explanation was insufficient.

I am not having a problem with the captcha, but there are two issues.

Firstly, after sending the e-mail, if the page is refreshed, the message appears as if not sent and includes the old captcha number, although the original message was sent. Because the page was refreshed it requires a new captcha number, which triggers a red text captcha warning. The warning does not display properly and covers up a part of the field (see link to screenshot below).

The other issue that I have just discovered is that, if the consent box is not ticked, the e-mail is not sent and a red text warning appears, also not properly displayed: “Consent to having this web site collect my personal information via this form” (see screenshot link below). Perhaps this is intentional and the box must be checked to use the contact form.

The sending now seems to be working and the test email was received OK.

https://new.asuswebstorage.com/navigate/a/#/s/C6E64123E4864EF69135FE6B14996AC8Y
https://new.asuswebstorage.com/navigate/a/#/s/3885DE2FEA03495595FDF82478570EA4Y

I haven’t used the above cloud storage for some time and the system has changed. Please advise if you have problems to download the images.

Hi,

I have access to both pics (although that server is very slow).

I guess this is CSS related.

Because both labels display fine here, I would like to know which theme you’re using? Or do you have a link to your website?

Guido

Hi Guido,

I am running the plugin on two sites using different themes: Twenty Sixteen child theme and Creative Focus child theme. Both use the default templates with a right sidebar, where the VSCF is placed. Probably the width of the sidebar may be causing the warning display issue. The same issue occurs with both themes.

I think we previously discussed the issue of the message not being cleared when refreshing the page and you said it was difficult to fix. If so, I can live with that issue.

Regarding the consent check box, can you confirm that the message will not be sent, if the box is not checked.

Hi,

Yes, it’s difficult to clear all fields after submission. Fortunately the (default) captcha will be reset so it’s not possible to resend the submission when refreshing the page. It’s not normal behaviour to refresh the page after submission, so I don’t think this will cause many problems. But I will try to find a solution for this.

About the labels, it’s caused by the Creative Focus stylesheet. You can add this custom CSS to clear the error label:

#vscf .error {display:block;}

Or remove pink background, margin and padding:

#vscf .error {background:none; margin:0; padding:0;}

(you might have to add !important declaration if fix above doesn’t work)

And yes, if the consent box is present it should be checked otherwise form doesn’t send.

Guido

Thanks Guido for your fast response. The first CSS code worked well with both themes.

Hi @malae

The issue of page refresh after sending form is still bugging me, so I’m thinking of rebuilding my form using the so called POST/redirect/GET pattern. This way I can empty fields directly after form is send. And when you refresh page, all fields are empty.

To be continued.

Guido

Hi Guido,

It would be great if you cold fix that issue. Please let me know, if I can be of any assistance with any testing.

Hi,

FYI: have just updated plugin and changed CSS class .error into .vscf-error and many other changes. Unfortunately until now no solution for the page refresh issue.

Have a nice weekend.

Guido

Hi @malae

I will update plugin somewhere this week and it will use javascript to refresh the page after sending the submission. So when refreshing the page, it will not show the previously submitted form anymore. Will also add a so called query string var for the thank you page, so it will be possible for users to set this page in Google Analytics.

Guido

Hi Guido,

Sounds good, thank for the heads-up.