uniapp+uview开发app时动态校验表单保姆式教程

文章目录

 需求

技术栈

实现步骤

---

需求

        动态给form表单添加异步校验

技术栈

        uview+uniapp

页面实现效果

        点击新增动态生成表单，并且表单内容为必填项，当提交表单的时候进行动态校验；

        

实现步骤

        1.使用到uview中的u--form组件（注：我这里整块表单循环了，所以在后面表单校验的时候是个数组；没必要的话只循环表单项就ok了，我这里发现后懒的改了...）

        2.定义变量：这里rules中的要和表单的表单项的变量保持一致，并且定义校验规则

        3.rules中动态push进校验规则

        4.提交表单时校验：如果前面改成循环单个表单项的话 这里直接校验即可不需for循环。