From Missing to Complete: How Pop-Ups Enhance Data Accuracy

Introduction: Long or multi-page forms often make it hard for users to know if they’ve completed all required fields. Scrolling back and forth or navigating between pages can lead to missed inputs and frustration. To solve this, we’ve introduced a smart dual pop-up system: one that alerts users when required fields are missing and another that confirms when everything is complete. This feature provides clarity and ensures a smoother experience—especially for complex forms.

Test Version: Laserfiche Forms Professional Version 11.0.2311.50564 and up.

Setup: Download codes from Bait and Tackle.

Pop-up when Required Fields are complete - Modern Designer

1. Download Day19 from the Bait and Tackle library. Add the fields your form will use to collect data.

These can be any field types such as Single Line, Dropdown, Date, or Rich Text.

2. Apply the CSS class .complete-check to each required field.

This class identifies which fields should be evaluated for completion.

3. Add two Custom HTML fields to your form.

These fields will be used to display the required-fields status messages.

4. Insert the Day 19 “Incomplete” HTML code into the first Custom HTML field.

This message will appear when required fields have not yet been completed.

5. Insert the Day 19 “Complete” HTML code into the second Custom HTML field.

This message will appear once all required fields are complete.

6. Insert the Day 19 CSS into the form’s CSS editor.

7. Insert the Day 19 JavaScript into the form’s JavaScript editor.

Copy and paste the JavaScript code to dynamically update the status messages as fields are completed.

Update Field IDs to match the Custom HTML Field IDs.