# 扩展阅读清单：第8次课

> 对应教材：《微信小程序开发实战（第2版）》第3章
> 课程主题：表单组件与数据提交
> 重点：表单组件、表单验证、数据提交　难点：表单验证逻辑、数据格式处理

---

## 官方文档（必读）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [form 表单组件](https://developers.weixin.qq.com/miniprogram/dev/component/form.html) | 文档 | bindsubmit / bindreset 与 name 属性的作用 |
| 2 | [radio 与 radio-group](https://developers.weixin.qq.com/miniprogram/dev/component/radio.html) | 文档 | 单选组的取值方式 |
| 3 | [checkbox 与 checkbox-group](https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html) | 文档 | 多选返回数组 |
| 4 | [picker 选择器](https://developers.weixin.qq.com/miniprogram/dev/component/picker.html) | 文档 | 普通/多列/时间/日期/地区五种模式 |
| 5 | [textarea 多行输入](https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html) | 文档 | 注意它在原生层渲染，层级问题见文档说明 |

## 交互反馈

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 6 | [wx.showToast](https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html) | 文档 | 轻提示 |
| 7 | [wx.showModal](https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showModal.html) | 文档 | 需要用户确认时用它 |

## 校验参考

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 8 | [MDN · 正则表达式](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_expressions) | 文档 | 手机号、邮箱校验的基础 |
| 9 | [RegExr 正则在线测试](https://regexr.com/) | 工具 | 边写边看匹配结果，适合课堂演示 |

---

## 本课自查清单

看完资料后，用下面几个问题自测。答不上来的，回到对应文档再看一遍。

- [ ] 你能独立完成吗：常用表单组件的用法
- [ ] 你能讲清楚吗：表单验证的实现方式
- [ ] 你能独立完成吗：表单数据的收集与提交
- [ ] 你能做到吗：实现完整的表单交互
- [ ] 遇到「form 提交拿不到某个字段」时，你知道从哪里开始查吗？
- [ ] 遇到「checkbox 取到的是数组」时，你知道从哪里开始查吗？
- [ ] 遇到「picker 显示的是索引不是文字」时，你知道从哪里开始查吗？

---

> 说明：以上链接均为官方文档、MDN 或知名开源仓库，可长期访问。
> 视频类资源只给检索入口而不写死具体视频链接——UP 主调整内容后单条链接极易失效，按关键词自行挑选近一年内、基于当前稳定版工具的教程更可靠。