@lx-frontend/multi-validator
v0.1.1
Published
common validator
Downloads
5
Maintainers
Keywords
Readme
JS 通用的响应式校验工具。适用 nodejs、vue、react、小程序、原生。数据变化自动触发校验
Usage
import Validator from '@lx-frontend/browser-validator'
// 待校验数据
const formData = {
name: 'lisa',
age: '12'
}
// 校验规则 (默认支持 required min max) 同样支持正则表达式校验、检验函数(必须返回 true|false)
const ruleConfig = {
name: [
{
validator: 'required',
msg: '必填'
},
{
validator: 'min:2 max:6',
msg: '长度在 2 ~ 6 之间'
}
],
age: [
{
validator: 'required',
msg: '必填'
},
{
validator: val => +val >= 20,
msg: '长度在 2 ~ 6 之间'
}
]
}
const validator = new Validator(formData, ruleConfig)
// 单个字段校验是否通过
validator.isError('age') // true | false
// 单个字段校验 (不传要校验的字段则默认校验全部)
validator.verify('age')
// 整体校验
validator.verify()
扩展默认规则
import { Validator, rules } from '@lx-frontend/browser-validator'
rules.extendRegexp({
onlyNumber: /^\d+$/,
// ...
})
rules.extendValidator({
lessThanTen: val => {
val = +val
return val < 10
},
// ...
})