做表单用这Skill接校验

帮你用Mantine构建表单,处理验证和复杂字段结构。

mantine-form 是用 Mantine 表单工具组织输入与校验的 Skill。它从初始值和规则开始,把字段接到输入组件,再处理提交成功或校验失败。

邮箱、年龄可用单字段规则,结束日期不能早于开始日期则需比较字段。复选框要接对应属性,错误在输入变化时还是离开字段时出现,也应按体验选择。

主文区分受控和非受控模式:后者把值放在引用中,减少表单值更新带来的重渲染,程序更新输入时还要关注字段 key。它不意味着整个组件永远不重渲染,性能仍需看实际交互。

适合整理表单从填写到反馈的路径。客户端校验通过不等于服务器已保存,也不能代替服务端业务检查;本文没有运行界面,嵌套、异步校验等完整引用未展开,需按实际 Mantine 版本核。

分类:文档办公

来源仓库:mantinedev/skills

适合用来做什么

  • 创建一个Mantine表单,用于用户注册。
  • 配置一个Mantine表单,处理文件上传。

安装 mantine-form

npx skills add https://www.iskills.cc/skills/mantinedev/skills/mantine-form/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 mantine-form 的用途与原始说明

浏览全部 Skill 指南