美文网首页
iview 自定义验证表单多层嵌套如何实现

iview 自定义验证表单多层嵌套如何实现

作者: Bior | 来源:发表于2020-04-20 22:00 被阅读0次

    表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下,先通过前端校验,校验不通过不发送请求,直到满足校验规则,再发送请求给后端,从而提升用户体验。

    iview对表单的校验有自己的方法,但如果数据结构比较复杂,对象里面又嵌套对象,该如何校验?本文给出多层对象嵌套的方法。
    如下:

    formRule:{
            name: [{required: true, message: '不能为空', trigger: 'blur'},
                    {pattern: /^[\u4E00-\u9FA5]+$/, message: '用户名只能为中文', trigger: 'blur'}],
            password: [{required: true, message: '不能为空', trigger: 'blur'},
              {validator: Verify.validatePassword, trigger: 'blur'},
            ],
            'user.tel' : [{required: true, message: '手机号码不能为空', trigger: 'blur'}],
            'phones[0].model': [{required: true, message: 'model不能为空', trigger: 'blur'}],
          }
    

    相关文章

      网友评论

          本文标题:iview 自定义验证表单多层嵌套如何实现

          本文链接:https://www.haomeiwen.com/subject/mcusihtx.html