如何正确使用uni-forms进行小程序表单校验并避免常见问题？

本文共计1331个文字，预计阅读时间需要6分钟。

目录

一、前言

二、成果展示

三、uni-forms即时校验

四、uni-forms自定义校验规则

五、uni-forms异步校验

六、完整示例源码

补充：记录一个uni-forms表单每次输入自动去除焦点的问题

目录

• 一、前言
• 二、成果展示
• 三、uni-forms即时校验
• 四、uni-forms自定义校验规则
• 五、uni-forms异步校验
• 六、完整示例源码
• 补充：记录一个uni-forms表单每输入一次就自动失去焦点的问题
• 最后

一、前言

小程序上使用表单理应是很常用，也很必须的功能，因为系统实用了uni-app，所以这时候会用到uni-forms，但使用过程中遇到不少问题。
这边的需求有3个：

即时校验（输入框失焦立即校验值）需自定义校验规则需要异步校验

满足这3个需求，就能实现绝大部分表单校验，然而直接使用官方的案例并不能满足，踩过不少坑，最后解决方案如下。