How can I remove the error message that results from required fields on my form?

Hello,

How do i completely remove the Error Navigation message and box about the form? Screen shot attached. Thanks

Hi there,

Happy to help!

This error message is due to the required fields not being filled in. You can remove this message by removing the requirement for the fields, but please note that, if you disable the required fields toggle, users can submit your form without filling these fields out:

I made a clone of your form and have removed the requirements for these two fields in particular. Here is a link to the cloned form if you'd like to test it for yourself: 203076744086963

First, navigate to the properties of the form fields and set the Required toggle to OFF:

Now, the user can continue without submitting these fields, and the error message is no longer shown:

I hope this helps! Please let us know if we can assist with anything further.

We need those fields as a requirement. Is there a way to simply remove the Error Navigation box at the top of the form and only highlight the fields if they are not completed? That error box at the top needs to go away while keeping the requirement of the individual fields.

Hi there,

You can delete the Error Navigation box with custom CSS while keeping the form fields required and highlighted. Here's our guide on how-to-inject-custom-css-codes

1) To inject the CSS code: click on the paintbrush Form Designer icon on the right hand side of the screen in your Form Builder:

2) Click the Styles tab, then scroll down to Inject Custom CSS. Upon inspecting the clone of your form, it seems that you are already well-versed in this process:

3) We'll insert the following to remove the Error Navigation Container:

.error-navigation-container .error-navigation-inner .error-navigation-message { display:none;}

.error-navigation-next-button .error-navigation-done-button { display:none;}

Could you please try the proposed solution and let us know if the issue persists? Thank you!

that custom CSS removes the text in the Error Navigation bar at the top of the form but does not remove the bar itself. We need to completely remove the error navigation bar.

Hello,

Please add the following CSS in your form:

error-navigation-container {

display:none;

}

form-error-message {

display: none;

}

Guide https://www.jotform.com/help/117-how-to-inject-custom-css-codes