指定的字段自定义同步校验函数 validator(rule,value,callback){// 设定校验规则,返回true则通过,反之不通过returnvalue==="muji"// 当校验失败时,也可以返回一个Error对象,此时失败的提示信息为Error参数returnnewError(`${value}is not equal to 'test'.`);// 此时校验错误提示信息为 muji is not equal to ...
如果async-validator模块在实现中率先判断rule.validator的返回值是否为Promise实例(通过instanceof判断是否Promise实例,或者通过thenable之类的函数判断返回值是否包含then方法),对于同步校验校验器,将其转化为Promise实例,再将cb回调挂载到该Promise的then方法上;对于异步校验器,不作任何处理。这样可以简化自定义校验器的书写...
1. `validator`:此方法用于指定字段的自定义同步校验函数。2. `asyncValidator`:用于指定字段的自定义异步校验函数。校验结果以Promise对象形式返回。深入解读API 1. `Messages`:在验证不通过时,用于展示错误提示信息。2. `Transform`:在验证前对值进行处理,返回处理后的值进行验证。3. `Options`:...
async-validator 是一个表单异步校验库,阿里旗下的 Ant-design 和 Element 组件库中的表单验证使用的都是 async-validator ,目前版本已更新到 4.0.7 ,下载量达到 1,067,202次,不仅支持 js ,同时也可支持 typeScript 。是一个功能超级强大的库,有兴趣的一起来了解了解。 async-validator 官网地址: https://ww...
rule 主要实现的是校验规则,文件结构为下图: 一、rule 目录文件介绍 其中index.d.ts 文件: declare const _default: { required: import("..").ExecuteRule; whitespace: import("..").ExecuteRule; type: import("..").ExecuteRule; range: import("..").ExecuteRule; ...
为指定字段自定义同步校验函数: const rules = { username: [ { type: 'string', required: true, validator(rule, value) { return value != '' }, message: '用户名不能为空', }, { type: 'string', min: 6, max: 10, validator(rule, value) { ...
value: 源对象属性中要校验的值。 callback: 校验完成后要调用的callback。它期望传递一个Error实例数组以指示校验失败。如果校验是同步的,则可以直接返回false、Error或Error Array。 source: 传给validate方法的源对象。 options: 额外选项。 options.messages: 包含校验 error message 的对象,将与 defaultMessages ...
rule: 当前校验字段在 descriptor 中所对应的校验规则,其中的 field 属性是当前正在校验字段的名称 value: 当前校验字段的值 callback: 在校验完成时的回调,传入Error [或者是一个数组] 代表校验失败,如果校验是同步的话,直接返回false...
validator{Function}:自定义校验函数,参数依次如下 rule:当前校验字段在 rules 中所对应的校验规则 value:当前校验字段的值 callback:校验完成时的回调,传入Error或ErrorArray表示校验失败,不传即为成功 如果校验是同步的直接返回false或Error/ErrorArray也可以 ...
value: 源对象属性中要校验的值。 callback: 校验完成后需要调用的callback。传递一个Error实例数组以判断校验失败。如果校验是同步的,则可以直接返回false、Error或Error Array callback(errors) source: 传给validate 方法的源对象 options: 额外选项 //options的内部属性 ...