Form input tooltip validation for zipcode input

[Walden]

Builder content link

Builder.io: Visual Development Platform

What are you trying to accomplish
I have added an input field and would like to do some basic client side validation on it. specifically I need to validate the number looks like a 5 digit zipcode (so length). If validation fails I want this to show up for the user as a tooltip (just like it does if a required field is missed).

I can’t seem to find a pattern option to validate the input via regex.

Is there a way I can accomplish this using the basic builder form input?

I did try replicating Builder.io: Visual Development Platform but as mentioned I want the error to appear as a tooltip, just like it does if the required field is left empty.

Screenshots or video link
I want it to look like:

but for invalid length.

Code stack you are integrating Builder with
I am just using the basic builder form with inputs.

[sheema]

Hey @Walden you can add your custom code for the form on Edit Custom JS + CSS button. Here is a detailed guide on how to add custom code to your page.

[sanket.pokale]

Hello I am using email input type on content model and I wanted to add custom validation Can you please add detailed guide on how to add custom code to page.