Form custom verification rules

Form custom verification rules

Looking at vue-element-admin When I learned element Medium Custom validation rules . Record it here .
Just start , To achieve the function , The following points need to be achieved Bind form , And implement validation rules

1. Complete the binding of forms and rules

Forms ：

stay el-from Bind the rules for each form in the whole ,
And for every form item binding prop Used to determine which validation rule to use

Here are the defined rules .
In the form prop And the corresponding here ,
You can see that there is validator This one . The following is the method of definition

2. Complete the definition of the verification function

This check function needs to be defined in data Non - return in

Function composition ：

among value and callback Most used

Explain my code ：
validUsername.js：

When the verification will be carried out , take value Value , Pass in validUsername（） Determine which step of the verification function to execute by the returned result , And execute the callback function .

After that, you can verify the form .