Skip to content

校验规则

注意

推荐使用 FormCreate 内置的全新验证引擎进行表单验证,表单校验(新版)

Form props

在表单中如何使用验证规则

验证规则说明

参数说明类型默认值
enum枚举类型string-
len字段长度number-
max最大长度number-
message校验文案string-
min最小长度number-
pattern正则表达式校验RegExp | string-
required是否必选booleanfalse
transform校验前转换字段值function(value) => transformedValue:any-
type内建校验类型,可选项string'string'
validator自定义校验function(rule, value, callback)-
whitespace必选时,空格是否会被视为错误booleanfalse

注意

  • pattern 类型为 string 时,前后不能包含 / 符号,否则会导致正则表达式无效
  • type 必须与组件的 value 数据类型严格一致,否则无法按预期完成数据校验
  • 自定义验证中无论成功或失败,都必须执行 callback 回调函数
  • 自定义验证中可通过 this.rulethis.api 获取组件和表单的相关信息

更多高级用法可研究 async-validator

常见校验示例

1. 必填字段校验

纯空格视为无效(whitespace)

2. 长度校验

最小长度校验

最大长度校验

固定长度校验

3. 正则表达式校验

邮箱校验

4. 数字范围校验

5. 自定义校验

自定义校验(访问其他字段)

6. 枚举值校验

7. 数组/多选校验

最小选中项校验

最大选中项校验

8. 日期校验

日期必填校验

日期范围校验

9. 组合校验

10. 条件校验

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用