element-ui表单校验,如何对编辑时的表单进行校验~~~

我的意思是,我提交了一个表单后进行编辑时,如何触发表单校验???

我使用了自定义的表单验证; 例如

          //商品标题
          productTitle: [
            { required: true, message: '请填写商品标题', trigger: ['change', 'blur']},
            { max: 1, message: '商品标题最多不超过25个', trigger: ['change', 'blur']},
            { validator: (rule, value, callback)=>{
            }, message: '商品标题最多不超过25个', trigger: 'change' 
            },
          ]
         

上面是我写的校验规则,新建商品的时候没有任何问题,但编辑表单时,不会对表单进行校验。

我已经把max设置了1,productTitle实际长度是20;必须是表单产生事件的时候才触发这个校验~~~

阅读 6k
1 个回答

写了自定义规则,前面两个就不要了,也不要message了:

productTitle: [
    { validator: (rule, value, callback)=>{
        if(!value){
            callback(new Error('请填写商品标题'))
        }
        if(value.length>25){
            callback(new Error('商品标题最多不超过25个'))
        }
        callback()
    }, trigger: ['change', 'blur'] }
]
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题