How to use conditional logic to show/hide form fields?

How to use conditional logic to show/hide form fields?

To use conditional logic to show or hide form fields, go to the SettingsRules section of your form. Tick the option Enable field rules for this form, under the Field Rules tab. Click on Add Rule to set up conditions. A line will appear below with some dropdowns, a Cancel and a Continue button.

show or hide fields on form

In the first dropdown, select the field you want the rule to apply to. Next, select the condition. Depending on the field type, there are different conditions. A choice field will have the conditions is checked or is not checked. For input fields, you’ll need to select a condition in the dropdown list and provide a value on the right. For example, age restriction: If age is less than 21, then don’t show the list of alcohol beverages on the form.

show or hide fields on form

show or hide fields on form

Notice the grey button on the right with the cross symbol. Press it to create a new condition if needed. It is connected to the previous condition with one of the available connectors: Or and And. Use this button if you want to set multiple conditions.

show or hide fields on form

If you want to delete a condition, hover over it and hit Delete.

show or hide fields on form

Next, hit Continue and select one of the two existing actions: Show and Hide. In the end, select the field or fields you want to show or hide after the condition has been met on the form. Hit Finished to add and apply the rule to your online form.

show or hide fields on form

If you want to show certain fields only when a condition is met, simply add a field rule and use the Show action. After the rule is saved, the fields will be automatically hidden on the form. If you use the Hidden option for form fields in the Form Editor, the rules will no longer apply to the respective fields.

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *