----element-ui自定义表单验证----


 

1.首先我们要在form表单元素上绑定rules和model这两个属性,rules代表你的自定义表单验证规则,model代表你需要验证的数据。

2.在表单里绑定的值一定是model绑定的数据里的某个值,我们需要验证哪个字段,就在哪个el-form-item标签上绑定prop属性,值为你自定义规则里对应的值(自定义规则的值名称应和你model绑定的数据里的值的名称对应)

3.接下来总结一下我验证时用到的自定义规则类型

1)输入框

2)时间控件:

3)下拉框:

4)关联关系,判断是否小于某个值:(此时validator为自定义规则,需要在data中声明。我们需要通过事件去触发规则里面的自定义方法)

5)数组类型:

6)单选按钮(切换时关联输入框)

 

 

 

 

 

 

 7)单选按钮关联时间控件:

 

 

 

 

 

 

 

 

 8)上传照片验证:

 

 

 9)多选框:

 

 

 

 

 

10)照片墙:

 

 

 

 

 11)table里做验证:

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM