# Playwright MCP 表单验证：必填、邮箱格式与本地提交拦截

Playwright MCP 表单验证按本页输入、步骤与检查复现。已真实执行独立 Playwright 样站检查与失败负例；未执行 MCP 模型会话，不对外提交。

## 1. 建立自己的练习表单
source.html 的 form 仅生成本页回执，下载后用本地服务打开。

## 2. 定位控件和执行范围
先用 browser_snapshot 找到姓名、邮箱和提交控件，再填写空值或错误邮箱，查看 invalid 控件。真实演示采用 Playwright CLI 调用，不宣称已执行 MCP 模型任务；MCP 客户端可用相同任务自行复现。

## 3. 检查空字段
空姓名和空邮箱应由 required 阻止；不能以按钮被点击判断提交成功。

## 4. 检查邮箱格式
填 bad-email，核对 validity.typeMismatch；再改成 demo@example.invalid。

## 5. 检查本地回执
正确字段后生成姓名与邮箱的本地回执，页面没有外部请求。

## 6. 保存真实输出与截图
对照 result.html 与原始 browser-result.json 或 local-result.json。结果必须包含本任务字段与来源，截图不能代替实际输出检查。已真实执行独立 Playwright 样站检查与失败负例；未执行 MCP 模型会话，不对外提交。

## 7. 在自己的环境复跑
按下载 README 使用独立目录；Playwright 首次需安装库和浏览器。负例退出非零是预期，实际用于 CI 时只将正例作为通过条件。
```sh
npm install --no-save playwright
node check.mjs
node check.mjs --negative
```