Good day, I recently used a bootstrap form validator for a form on a website. However, I realized the form validates online but the netlify validator HTML shows up below. Why is this happening and how do I fix it?
Hi, I removed the deploy as it was occuring. I was hoping the screenshot I provided would be enough to solve the issue.
Hi there, @xkevan19
Thanks for reaching out. Like @coelmay said, we will need further information in order to look into this further.
In terms of resources, this Support Guide is the first port of call to debug any forms issues. Have you already read through this? There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides
We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!
If you are still having problems, please provide more information. This includes a link to your site, your form name as it exists in the Netlify UI, what you have already tried, and a link to your live form. Thanks!
Yeah, please don’t do this!
It is INCREDIBLY hard to expect help when you take a screenshot of CODE. We can help you but you have to make it EASY for us to help you.
Please use a service like https://codepen.io/ or even https://jsfiddle.net/
Copy/Paste your code there and then share the provided URL here.
I’ll take a look and follow up soon.
It’s not difficult in this case as its really one issue, netlify’s validator is overiding my Javascript and I need a solution for that. Creating a pen just for a validation seems useless for something like this.
In short, we say help us help you. We need to see the error ourselves to be able to comment. When we can see the error ourselves, we can investigate, look into dev tools, use logs and other information to dig and get to the root cause - we can’t do that with a screenshot. I hope you get my point.
About the actual issue:
Could you at least link us to the documentation or resources about the form validator that you’ve used? I need to see what exactly it’s doing. Also, Netlify doesn’t have any form validation - just to clear that up.
From my guess, the form is being submitted without validation - however it’s a form that Netlify has probably not processed or detected. I’m not sure if you’re trying to use Netlify Forms or not (again, because not enough info). If you’re, then you’ve not added the form correctly. If you’re not using Netlify Forms, maybe you’re posting the form data to an invalid address and thus, the form validator is processing the data from the fetch request.
As you can see, lots of guesses to make here, lots of ifs and buts. A reproduction of an error is the bare minimum to troubleshoot.