Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

AI agent for frontend developers

Form Validation Edge Case Agent

A form that accepts valid unusual input, rejects invalid input clearly and works with a keyboard and screen reader

Quality controlCodingIT and development
See how it worksGet access
Form Validation Edge Case Agent: what goes in, what the agent does and what you get

What it does

A form that works for the developer's own name can reject an apostrophe, a long surname or a pasted phone number with spaces. This agent reads the form code, then generates tricky inputs: names with accents and hyphens, long addresses, pasted text with hidden spaces, emoji, extreme dates, and empty fields. It runs them in a browser test, including keyboard-only and screen reader checks, and records which inputs fail, which error messages are unclear and which fields do not announce errors. For each issue it proposes a code fix. After the fix is in place, it reruns the full set, since a change to one rule often breaks another. The developer approves the changes. Edge case: a field that accepts a value but then fails on the server is reported as a mismatch between the two rules.

How it works

Follow the arrows from top to bottom. The orange dashed arrow is the loop: when a check fails, the agent goes back and tries again.

Start and resultWhat it doesA check on its own workWaits for your OKGoes back and retries
Yes, continueApprovedYes, continueNoNo 1 STARTS WHEN Form added or changed 2 USES A TOOL Read the form code and validation rules 3 DOES Generate tricky valid and invalid inputs for eachfield 4 USES A TOOL Run them in a browser test, including keyboard andscreen reader checks 5 CHECKS THE RESULT Does every input get the right accept or rejectresult and message? If not: record the failures with the input and themessage shown. Back to step 3. 6 DOES Propose code fixes for each failure 7 YOU APPROVE Developer approves the changes 8 USES A TOOL Rerun the full case set after the changes 9 CHECKS THE RESULT Do all cases pass, including earlier ones? If not: revise the fix that broke a case and rerun. Backto step 5. 10 USES A TOOL Check that accepted values also pass the server 11 RESULT Edge case report and added tests
Read the steps as a list
  1. Form added or changed
  2. Read the form code and validation rules
  3. Generate tricky valid and invalid inputs for each field
  4. Run them in a browser test, including keyboard and screen reader checks
  5. Does every input get the right accept or reject result and message?If not: record the failures with the input and the message shown. Back to step 3.
  6. Propose code fixes for each failure
  7. Developer approves the changesThe agent waits here for your OK.
  8. Rerun the full case set after the changes
  9. Do all cases pass, including earlier ones?If not: revise the fix that broke a case and rerun. Back to step 5.
  10. Check that accepted values also pass the server
  11. Edge case report and added tests

How it decides

An input is a failure if valid data is rejected, invalid data is accepted, or the error is not announced. Every fix must pass the whole case set.

  • Accept names with hyphens, apostrophes, accents and spaces
  • Reject only values the server also rejects
  • Require every error to be announced to screen readers
  • Add each failed input as a permanent test

Make it yours

Every agent is a starting point. You choose these settings for your own situation.

  • Fields and rules in scope
  • Languages and name formats to include
  • Accessibility standard (default WCAG AA)
  • Test browsers

What keeps you in control

It always asks you first

  • Applying code changes to the form

Hard limits

  • Never submits test data to the live system
  • Never loosens a rule that protects security

It stops when

  • Done: all cases pass and tests are added
  • Stop: the test environment cannot load the form

Set it up

We guide you through the set-up, step by step

Members get the full set-up guide for this agent. No technical skills needed: you copy, paste and upload.

10 minto set it up in your AI
5 AIsChatGPT, Claude, Copilot, Gemini, Grok
  • One set of instructions to paste into your AI, with the clicks for ChatGPT, Claude, Microsoft 365 Copilot, Gemini and Grok
  • The agent then walks you through connecting your own data, one source at a time
  • A downloadable copy with the flow chart, the rules and the full guide
Get access to this agent

An example run

What happensThe agent tested a signup form with 46 inputs. A name like O'Brien-Müller was rejected, and a phone number pasted with spaces passed the browser but failed the server. The screen reader check also found a missing error announcement on the email field. After fixes, the first rerun failed on a date field changed by the regex update, so the agent adjusted it and the second rerun passed all 46.

More agents for frontend developers

Quality control · Creatives

Design System Drift Repair Agent

Working design files match the approved design library, without breaking layouts or intentional exceptions.

10 steps2 checks5 jobs
Coding · IT and development

Accessibility Regression Repair Agent

Keyboard and screen-reader journeys keep working after UI changes.

7 steps2 checks6 jobs
Quality control · IT and development

Localization Resource Integrity Agent

Every localized string keeps its placeholders and renders correctly.

8 steps2 checks4 jobs
Quality control · Marketing

Email Rendering Repair Agent

Emails that render correctly in every target layout.

8 steps2 checks3 jobs