jQuery form validation not working

Community resources Webflow Tips
1

Hello, I have a problem with jQuery form validation.

I have created the following contact page with validation based on the Clonable website, but the message I set for input errors does not display the text I set.
What is displayed is the error message by default in the jQuery validation plugin.

Here is the contact page I designed.
https://preview.webflow.com/preview/current-client-s-site?utm_medium=preview_link&utm_source=designer&utm_content=current-client-s-site&preview=cc899d6bbc6debdc44eed5fcc3213492&pageId=6501a214994dc19d15cb264d&workflow=preview

And this is the published page.
https://current-client-s-site.webflow.io/contact-page

This is the code I put in the <before tag.

On the page where I copied the contact form structure from the clonable site, I could confirm the error message I set.

https://preview.webflow.com/preview/current-client-s-site?utm_medium=preview_link&utm_source=designer&utm_content=current-client-s-site&preview=cc899d6bbc6debdc44eed5fcc3213492&pageId=65059d4ec5b543a1ececdffb&workflow=preview

And this is the published page.
https://current-client-s-site.webflow.io/owen-he-se

This is the code I put in the <before tag.

How do you think I can make sure that the contact page I designed also shows the error messages I have set up?

2

εˆγ‚γΎγ—γ¦ Akiko,

In the jQuery configuration, the settings names are case=sensitive. Currently your field names begin with an uppercase letter, however the settings are all lowercase.

If you make the settings names exactly match the capitalization of the field names, they work great-

image
image1092Γ—646 65.3 KB

1 Like
3

Thank you so much!

Your answers have helped me to solve the problem completely.

I see that in the rule settings, I needed an exact match to each id name, and in the message settings, I needed to match the name of each name attribute.

Thanks to you, I can move forward.

P.S I was very happy to read your greeting in Japanese!

1 Like