1、校验方法结构相同,第一步先判断是否需要进行校验: 字段是必须的。 字段是非必须的,但 source 对象中的该字段有值且不为空。 2、如果是需要校验的,校验的步骤为: 先校验是否为空。 校验该字段不为空的 rule。 再校验该类型对应的其他的 rule。 3、校验完成之后,最后开始执行回调,用回调函数返回 errors 。
async-validator email校验规则 在async-validator中,可以使用以下邮箱校验规则: - pattern:使用正则表达式,例如`/^(a-zA_Z0-9){2,10}$/`,表示邮箱地址应由2到10位数字或字母组成。 - max、min、len:设置邮箱地址的最大、最小和长度限制,例如`{max:2,min:10, message:'请输入2到10位数字或字母', ...
validator 与 rule 紧密相连,rule 目录下的文件主要功能是校验 value 和 rule ,然后给 errors 数组中添加 error 。validator 则是把 校验的 value 细分成各种类型,对不同的类型进行不同的 rule 校验组合,便于回调函数 callback 对最终的 errors 数组做最终的处理。 校验流程如下: 1、校验方法结构相同,第一步先...
firstFields: Boolean|String[], 当指定字段的第一个校验规则产生error时调用callback,不再继续处理相同字段的校验规则。true意味着所有字段生效。 validator.validate( { name: "muj" }, // 在此处配置options { suppressWarning: true }, (errors, fields) => { if (errors) { // 校验不通过 do something...
4. 了解 async-validator 的校验规则和自定义校验方法 async-validator 支持多种内置校验规则,如 required、type、min、max、enum 等。同时,它也允许自定义校验规则。 自定义校验规则可以通过 validator 属性来定义,该属性接收一个返回 Promise 或布尔值的函数。
number: '%s不是一个有效的数字', boolean: '%s不是一个有效的布尔类型', method: '%s不是一个有效的方法', regexp: '%s不是一个有效的正则表达式', integer: '%s不是一个有效的整型数字', float: '%s不是一个有效的浮点小数', array: '%s不是一个有效的数组', object: '%s不是一个有效的对象'...
resetForm(formName) {this.$refs[formName].resetFields(); } } } 注意校验书写格式: { required: true, message: '年龄不能为空'}, { type: 'number', message: '年龄必须为数字值'} 像校验邮箱、数值类型类型时,多行配置校验规则。
上篇async-validator 源码解析(二):rule将async-validator校验库的rule目录下的代码进行了分析,下面继续来填坑分析validator目录下的源码,自底向上理解表单校验的原理。可以从仓库https://github.com/MageeLin/async-validator-source-code-analysis的analysis分支看到本篇中的每个文件的代码分析。
1. 注意校验书写格式: { required: true, message: '年龄不能为空'}, { type: 'number', message: '年龄必须为数字值'} 1. 2. 像校验邮箱、数值类型类型时,多行配置校验规则。 1. 作者:孟繁贵
numLinefeedMsg: '请输入数字和换行符', // 255位以内的字符 char0to255: /^.{0,255}$/, char0to255Msg: '请输入255位以内的字符' } /** * @description 排序值验证,排序值不可以大于255 */ export const validateOrder = function (rule, value, callback) { ...