Custom Text / CSS the form notifications

Design help General
1

I must custom css the form notifications with for exaple
replace with “Name Required”
“Phone Required”
“We Need Your Zip Code For Service Area Requests”

What do I need to do in Custom Attributes or code to adjust these notifications?

image

image

image
image236×663 13.6 KB

1 Like
2

@miekwave I found that you can change the default validation method by adding the following javascript function to the ‘oninvalid’ attribute:

this.setCustomValidity(‘Hello World’)

Here’s my video showing how to do it - https://www.useloom.com/share/01874fd56bf641c5b16c1fa4d4d4ff84

Here’s how it should look on your input:
45%20PM

Hope that helps!

2 Likes
3

Wow this works thank you!

4

Hi, the useloom is not available anymore. Is there any additional javascript needed to be embeded or just onInvalid etc to attributes of the field? KR