Materialize CSS Showing errors on form fields

Question

Is it possible to set the validation error color on form fields manually? I couldn't really figure out how it was doing the validation on their site. Seems like the browser is doing it automatically based on the type attribute. But what CSS would I need to attach to trigger that state? I need to do a custom validation on a text field and the one that browser does automatically is not enough.

Answer 1

As I already wrote as a comment. You just need to add the invalid class to your element.

Next time you could use the inspect element tool which is built-in in Chrome.