Contact form error message if required field is blank / empty - Support

Tagged: blank, contact, CONTACT FORM, empty, Error Message, validation

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 13, 2019 at 11:39 am #1147567
thinkjarvis
Participant
Hi Guys,

I am replacing some of my enfold installs that use contact form 7 with the built in contact form. Contact form 7 slows down the sites significantly so I am moving away where I can.

The code snippet in response to others asking the same question does not work.
```
.error label:after {
    content: 'Please fill empty fields';
}
```
Is there a newer solution to this? I have tried disabling caching and disabling the performance features with no luck.
October 15, 2019 at 8:57 pm #1148199

Basilis
Inactive Moderator

Hey Thomas,

Please enable the form so we can be able to edit this and try configure properly for you.

Best regards,
Basilis

October 16, 2019 at 12:11 pm #1148434

thinkjarvis
Participant

Hi Basilis,

The form is active on the page in the private link below.

October 22, 2019 at 8:22 am #1150074
Ismael
Moderator
Hi,

Thank you for the update.

The css code doesn’t work because labels are hidden in the contact form. You have to replace it with this css code.
```
.error::after {
	content: 'Please fill empty fields.';
	color: red;
}
```
Best regards,
Ismael
October 22, 2019 at 11:41 am #1150125

thinkjarvis
Participant

Hi Ismael,
I’ve just tested this on another site I am working on. Works perfectly.

Thanks very much, you can close this issue.

Cheers,
Tom

October 22, 2019 at 6:22 pm #1150256

Jordan Shannon
Inactive Moderator

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts