如何实施elementUI表单的全局验证流程?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1482个文字,预计阅读时间需要6分钟。
在采用ElementUi搭建框架时,确保全局验收最头疼的是复制粘贴内容。以下是一些个人的解决方案:
1. 验证规则:明确每个模块的验证规则,如必填项、格式、长度等。
2.分析规则:分析验证失败的原因,找出常见问题并优化验证逻辑。
3.一般验证规则:设定通用的验证规则,减少重复工作。
例如:
- 是否必填- 字符串长度- 电子邮件格式- 数字范围使用ElementUi搭建框架的时候,大家应该都有考虑过怎么做全局验证,毕竟复制粘贴什么的是最烦了,这里分享下个人的解决方法。
验证规则
分析规则
一般验证规则,主要是是否必填,不为空,以及参数类型的验证。 基于这个条件,我们开始找找思路, 单个字段的验证是这样的:
name: { required: 是否必填, validator: 自定义规则, message: 失败提示消息(非自定义时触发), trigger: 触发方式 }
循环实现
固定的规则。当一个东西固定之后,那必然是可以重复使用的,并且可以快速生成,我们可以用循环来实现它。 但是用循环来实现,我们则需要一个数据规则。
本文共计1482个文字,预计阅读时间需要6分钟。
在采用ElementUi搭建框架时,确保全局验收最头疼的是复制粘贴内容。以下是一些个人的解决方案:
1. 验证规则:明确每个模块的验证规则,如必填项、格式、长度等。
2.分析规则:分析验证失败的原因,找出常见问题并优化验证逻辑。
3.一般验证规则:设定通用的验证规则,减少重复工作。
例如:
- 是否必填- 字符串长度- 电子邮件格式- 数字范围使用ElementUi搭建框架的时候,大家应该都有考虑过怎么做全局验证,毕竟复制粘贴什么的是最烦了,这里分享下个人的解决方法。
验证规则
分析规则
一般验证规则,主要是是否必填,不为空,以及参数类型的验证。 基于这个条件,我们开始找找思路, 单个字段的验证是这样的:
name: { required: 是否必填, validator: 自定义规则, message: 失败提示消息(非自定义时触发), trigger: 触发方式 }
循环实现
固定的规则。当一个东西固定之后,那必然是可以重复使用的,并且可以快速生成,我们可以用循环来实现它。 但是用循环来实现,我们则需要一个数据规则。

