๐Ÿ” FormWatcher Demo

Interactive testing suite for all FormWatcher features

View on GitHub

๐Ÿ“ Test Form

No Changes
Modified: 0 Added: 0 Removed: 0
Hold Ctrl/Cmd to select multiple

Dynamic Fields Area

Fields added here will be automatically tracked by FormWatcher

๐Ÿ“Š Change Monitor

Current Config:

Debounce: 300ms

Excluded: #password

Data Attribute: data-form-watcher-id

Controls

Event Log

[00:00:00] FormWatcher initialized

๐Ÿงช Test Scenarios

Try these scenarios to test different FormWatcher features:

โœ๏ธ Modify Existing Fields

Change values in username, email, or bio fields

โž• Add Dynamic Fields

Click "Add Text Field" to see automatic tracking

โž– Remove Fields

Remove dynamic fields and watch the changes

โ˜‘๏ธ Toggle Checkboxes

Check/uncheck interests to see checkbox tracking

๐Ÿ”˜ Change Radio Buttons

Select different notification preferences

๐Ÿ”’ Excluded Field Test

Password field changes are ignored

๐Ÿ’พ Save & Reset

Save changes, then modify and reset

๐ŸŽฒ Random Fill

Fill form with random data to test multiple changes

โœ… Action completed!