Customize Text Field Border for Error


I tried to search through the forums to find my answer but I’m not having any luck so far!

I’m looking to style the border of a text field when there’s a form error. I am using the out of the box Form provided by Webflow. I’ve attached a screenshot below of what I would ideally like to implement.

I have tried using the Error state provided under the Form settings to apply the border styles only for the error state but this did not work.

I am open to using custom Javascript and CSS. What would help is to understand if there’s an error I can catch from the default Webflow form with Javascript. Or I’d love to see examples of what others have done.

Here is my site Read-Only: (Webflow - Omlet)