猿问

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;必须是表单产生事件的时候才触发这个校验~~~


慕少森
浏览 1911回答 1
1回答

一只萌萌小番薯

写了自定义规则,前面两个就不要了,也不要message了:productTitle: [    { validator: (rule, value, callback)=>{        if(!value){            callback(new Error('请填写商品标题'))        }        if(value.length>25){            callback(new Error('商品标题最多不超过25个'))        }        callback()    }, trigger: ['change', 'blur'] }]
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答