后台项目中常用到的表单校验的校验流程简述

210 阅读1分钟

表单校验在很多项目中都会用到,套路大多一样,除了一些不同项目的不同需求外,总结了一个如下的大概表单校验流程。

1.定义验证规则:必写项、校验规则(正则。。。等),触发方式(失去焦点。。。等)

2.配置模板,应用规则

2.1给表单设置 rules 属性传入验证规则

2.2给表单设置model属性传入表单数据

2.3给表单中的元素(Form-item)设置prop属性,其值设置为需要校验的字段名(name、userId...)

3.手动兜底校验(关键字vlidate