Basic form validation process

One. Basic form validation

1.el-form binding

model:binding data

rules: validation rules

ref='form' is used to get the instance object of el-form

2.el-fom-item

prop='the field name that needs to be validated'

rules:{

The value corresponding to prop:[

{required:true,message:"Error message",trigger:"change/blur"},

{min: minimum length, max: maximum length, message: "error message", trigger: "change/blur"}

{

Custom Rules:

validator:(rule,value,callback)=>{

rule:rule

value: The value of the current verification item

callback:callback function

Verification successful: callback()

Verification failed: callback(new Error('error message'))

} ,

trigger:"change/blur"

}

]

}

2. Global form validation

el-form ref="form"

this.$refs.form.validate((result)=>{

result:true validation succeeded

false: validation failed

})

Three. The code shines into reality

These are some basic form validations for Ele.me, I hope they can help you.