Form Validation Tester

WHAT IT DOES

The Form Validation Tester scans any webpage for forms and input fields, detects all validation rules (required, pattern, minlength, maxlength, min, max, step, type constraints like email/url/number, and custom validation), then runs automated test submissions with both valid and invalid data to verify that each validation rule works correctly. It generates a detailed report showing which fields have validation rules, which passed their tests, and which failed—flagging missing, broken, or bypassed validations. It highlights failed fields directly on the page with visual markers. This helps developers, QA testers, and accessibility auditors quickly identify form validation issues.

WHERE IT RUNS

It runs as a draggable overlay panel inside the BotGentz extension on any website with forms—contact forms, registration forms, checkout flows, login forms, search forms, or any page with input validation. It works on any form framework (React, Vue, Angular, vanilla HTML).

HOW TO USE

1. Install the free BotGentz extension.

2. Navigate to any page with a form that has validation.

3. Click the BotGentz icon and select "Form Validation Tester" from the tools menu.

4. Click "Run Tests" to scan the page and execute automated validation tests.

5. Review the report showing total fields, fields with rules, passed, and failed.

6. Expand the report to see which specific fields failed and what rules they have.

7. Use the "Copy Report" button to copy the full audit to your clipboard.

8. Enable or disable highlighting of failed fields in settings.

9. Click "Clear Highlights" to remove visual markers.

10. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.

THE ACTUAL MECHANISM — multi-rule detection with automated valid/invalid test data generation

This tool scans the DOM for all form input elements (input, select, textarea) and detects validation rules using a comprehensive rule detection algorithm: required, pattern (regex), minlength, maxlength, min, max, step, and type constraints (email, url, tel, number). For each field with validation rules, the tool generates valid and invalid test values tailored to each rule—for example, a pattern with `[a-zA-Z]+` gets a valid "Test" and invalid "123", a required field gets a valid value and an empty string, a minlength constraint gets a string of the minimum length and one character shorter. The tool then programmatically sets each field's value and calls `checkValidity()` to test whether the browser's built-in validation passes or fails. Fields where valid values fail or invalid values pass are marked as failed. The report includes detailed results for each tested field.

THE PANEL

The panel is fully draggable by its title bar and snaps to the nearest edge of the viewport when released. You can resize it horizontally by dragging the left or right border; the height expands to fit content up to a maximum, with scrolling inside the report area. A collapse button minimizes the panel to a small floating chip showing "⚙️ Validation Tester" — click it to expand back. Press Escape at any time to close the panel entirely. The panel remembers its last position, size, and expansion state per domain via localStorage.

PLEASE NOTE

- This tool requires the free BotGentz extension (available for Chromium‑based browsers and Firefox).

- The tool tests browser‑side validation only—it does not test server‑side validation.

- The tool works on any site, but dynamic forms (React/Vue with client-side rendering) may require a manual re‑test after interactions.

- Test values are generated heuristically and may not cover all edge cases—use the report as a guide, not a complete validation audit.

- No page content is ever sent to any server—all scanning and testing happens locally in your browser. Only anonymized usage metrics (panel open/close, test runs) are collected; you can disable this in the extension settings at any time.