vue 表单校验

最新推荐文章于 2024-12-10 23:37:06 发布

原创最新推荐文章于 2024-12-10 23:37:06 发布 · 727 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

16 篇文章

订阅专栏

          price:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$',required: true, message: '此项不能为空且只能输入非负数，请检查', trigger: 'blur' }],

          learnUserNum:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$',required: true, message: '此项不能为空且只能输入正整数（包括0），请检查', trigger: 'blur' }],
          
      name:[{ required: true, trigger: 'blur', validator: validateName }],

      const validateName = (rule, value, callback) => {
        if (value.length > 20) {
          callback(new Error('名字长度不能超过6'))
        } else {
          callback()
        }
      }

数据转换校验

            for (const v of this.list){
              v.lessonNum=v.lessonNum.toString()
              v.originalPrice=v.originalPrice.toString()
           
            }