Form Validation

WS Form provides extensive options for managing form validation. Invalid feedback text, shown when a field is invalid, can be fully customized. Tabs can be configured to hide the next tab if the current tab does not validate.  Furthermore, forms, tabs, sections and individual fields can also be tested for validity using conditional logic.

Form validation occurs when a ‘Submit’ button is clicked (or ‘Add To Cart’ if you are using the WooCommerce add-on).

Invalid Feedback Text

When a form is validated, any fields that do not validate will show invalid feedback text below that field. You can change the invalid feedback text that is shown as follows:

  1. Click the settings icon on the form field.
  2. Click the ‘Advanced’ tab in the sidebar.
  3. Scroll down to the ‘Validation’ section.
  4. Enter text into the ‘Invalid Feedback Text’ setting.
  5. Click ‘Save’.

Tab Validation

Tab validation prevents users from progressing to the next tab unless the current tab is validated.

To enable this feature:

  1. Click the form settings icon at the top of the layout editor.
  2. Click the ‘Advanced’ tab in the sidebar.
  3. Scroll down to the ‘Tabs’ section.
  4. Check the ‘Tab Validation’ setting.
  5. Click ‘Save’.

Conditional Logic

You can add conditional logic ‘IF’ conditions based upon whether a form, tab, section or field is validated. To do this:

  1. Click the ‘Conditional Logic’ icon at the top of the layout editor. The Conditional Logic sidebar will open.
  2. Click the add ‘+’ icon.
  3. In the ‘IF’ condition, select ‘Form’ or a tab, section or field.
  4. Select ‘Validated’ or ‘Not Validated’.
  5. Complete your ‘THEN’ and/or ‘ELSE’ statements.
  6. Click ‘Save’