表单验证配置
表单验证是确保用户输入数据有效性的重要功能。FormCreate 设计器提供了丰富的验证规则类型,帮助您快速配置各种验证场景。
注意
验证触发时机:支持
blur(失焦)、change(值改变)、submit(提交)三种触发方式自定义验证中可通过 this.rule 和 this.api 获取组件和表单的相关信息,便于在验证时访问其他组件的值。
pattern 类型为 string 时,前后不能包含 / 符号,否则会导致正则表达式无效。
自定义验证中无论成功或失败,都必须执行 callback 回调函数。
验证规则类型
FormCreate 设计器支持以下验证规则类型:
基础验证规则
| Key | 规则名称 | 功能描述 |
|---|---|---|
len | 长度 | 验证字符串长度等于指定值 |
minLen | 最小长度 | 验证字符串最小长度 |
maxLen | 最大长度 | 验证字符串最大长度 |
min | 最小值 | 验证数值最小值 |
max | 最大值 | 验证数值最大值 |
格式验证规则
| Key | 规则名称 | 功能描述 |
|---|---|---|
pattern | 正则表达式 | 自定义正则表达式验证 |
email | 邮箱格式 | 验证邮箱格式 |
url | URL格式 | 验证URL格式 |
ip | IP地址 | 验证IP地址格式 |
phone | 手机号 | 验证手机号格式 |
字符验证规则
| Key | 规则名称 | 功能描述 |
|---|---|---|
uppercase | 全大写 | 验证必须为大写字母 |
lowercase | 全小写 | 验证必须为小写字母 |
positive | 正数 | 验证必须为正数 |
negative | 负数 | 验证必须为负数 |
integer | 整数 | 验证必须为整数 |
number | 数字 | 验证必须为数字 |
高级验证规则
| Key | 规则名称 | 功能描述 |
|---|---|---|
validator | 自定义验证 | 自定义验证函数 |
computed | 条件验证 | 基于其他字段的验证 |
通过这些验证配置,您可以构建出功能完善、用户友好的表单验证系统。


