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.rule 和 this.api 获取组件和表单的相关信息

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

常见校验示例 ​

1. 必填字段校验 ​

纯空格视为无效(whitespace) ​

2. 长度校验 ​

最小长度校验 ​

最大长度校验 ​

固定长度校验 ​

3. 正则表达式校验 ​

邮箱校验 ​

网址校验 ​

4. 数字范围校验 ​

5. 自定义校验 ​

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

6. 枚举值校验 ​

7. 数组/多选校验 ​

最小选中项校验 ​

最大选中项校验 ​

8. 日期校验 ​

日期必填校验 ​

日期范围校验 ​

9. 组合校验 ​

10. 条件校验 ​

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