Skip to content

验证配置

验证规则功能详解:支持必填校验、数值范围、长度限制、正则匹配及自定义规则,可设置多种触发方式,确保表单数据准确性和完整性。

1. 功能简介

验证规则是一种用于对输入数据进行约束和检查的机制,其核心功能在于确保数据的准确性、完整性和合规性,具体功能如下:

  1. 必填设置:明确指定某个字段是否为必填项。若设置为必填,用户必须提供该字段的值,否则数据提交将不被允许。
  2. 最大值/最小值校验:针对数值型数据,设定允许的最大值和最小值范围。输入的数据必须在这个区间内,否则判定为无效数据。
  3. 长度校验:适用于字符串类型的数据,规定字符串的最大长度和最小长度。输入的字符串长度需符合要求,超出或不足都会触发校验失败。
  4. 正则表达式校验:利用正则表达式这种强大的模式匹配工具,对输入数据的格式进行精确匹配。例如,验证邮箱地址、手机号码、身份证号码等特定格式的数据。
  5. 自定义验证:当上述内置规则无法满足复杂业务逻辑时,允许开发者编写自定义的验证函数或方法,根据特定的业务需求对数据进行校验。

2. 应用场景示例

  • 用户注册表单
    • 必填设置:用户名、密码、邮箱等字段通常设置为必填,确保用户提供基本信息。
    • 长度校验:密码字段可能要求长度在 6 - 20 个字符之间,以保证密码的复杂度。
    • 正则表达式校验:邮箱字段使用正则表达式验证格式是否正确,如 ^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$
  • 商品信息表单
    • 必填设置:商品名称、价格、库存数量等为必填项,确保商品信息完整。
    • 最大值/最小值校验:价格字段设置最小值为 0,库存数量字段设置最小值为 0,避免出现负数等不合理数据。
    • 长度校验:商品描述字段限制最大长度,防止用户输入过长的描述影响页面展示。

3. 功能说明

3.1 必填设置

是否必填开启之后,可以增加必填提示语,必填字段不输入不可提交;

必填设置.png

提示语作用如下:

输入框必填.png

3.2 验证规则

最大值/最小值

功能说明:最大值/最小值一般用户限制数字的大小,比如金额输入的边界值限制。

应用场景示例:报销金额最小值为0.01,最大值为999999.99。

最小值最大值.png

错误提示文字设置如下:

最小校验.png

最大校验.png

长度验证

功能说明:长度验证一般用输入内容字数长度验证,未通过校验时会提示错误信息。

应用场景示例:手机号必须为11位数字。

长度校验.png

错误提示文字设置如下:

错误提示.png

正则验证

功能说明:一些邮箱格式、手机号格式校验,可以使用正则验证。

应用场景包括:邮箱、域名、手机号、座机电话、身份证号、银行卡号、车牌号、中文、数字、整数、正整数、负整数、浮点数、正浮点数、负浮点数、英文字母、数字和字母

正则验证.png

自定义验证

功能说明:一些特殊的校验规则,以上规则都不满足的时候,可以自定义验证规则。

验证规则自定义.png

自定义验证.png

3.3 验证方式

验证方式包括失去焦点、内容改变、提交,可以自定义选择一种验证方式触发校验。

验证方式.png

失去焦点指的是光标从选中内容区变为不选中; 内容改变指的是输入的内容发生变化; 提交指的是点击提交表单按钮。