Skip to main content

Field Validator: Red Border for Required Fields

Overview

The Field Validator: Red Border for Required Fields Plugin ensures that all required fields in a form are correctly filled before allowing navigation. It highlights missing fields with a red border and dynamically manages navigation buttons. This plugin integrates jQuery for DOM manipulation and moment.js for date and time parsing, providing a seamless user experience.

Use Cases

  • This plugin is ideal for multi-step forms, surveys, registration processes, and any application where data integrity is crucial. It helps users easily identify and correct incomplete fields, ensuring that all necessary information is captured before proceeding.

Installing the plugin

Prerequisites:

  1. The page must have a form component
  2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this form, this can be a parent or child page. 
  2. Click on the Plugins
  3. Find the Field Validator: Red Border for Required Fields plugin
  4. Select the form

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.