背景
因为公司项目需要,最近在调研微信小程序。小程序不仅提供了丰富的组件帮程序员快速构建app,而且还提供了一套微信风格的UI组件库 WeUI。
Form 表单数据验证是常用的场景之一。现在小程序中实现 form 表单验证有以下两种途径:
因本人想用 WeUI,所以尝试采用第2种方式。但发现使用过程中各种坑。
WeUI form 表单验证问题
以 WeUI form 官方提供的表单验证 demo 为例,存在以下问题:
- 内置规则 required 无法判断空数组的情况。 即无法验证复选框选择状态;
- 当给一个 field 配置多条 rule,第一条 rule 验证失败,还会再验证第二条 rule,不符合逻辑。 如对于 mobile,不填如何数据,提示的错误信息还是 “mobile 格式不对”,应该提示 “mobile 必填”;
- 当表单验证失败时,返回的错误信息不一定包