@dxp-dc/validator
v0.0.1
Published
data validator
Downloads
2
Keywords
Readme
表单验证
使用装饰器语法创建规则及校验 支持部分数据校验, valid 方法
Usage
import Validator from '@dxp-dc/validator'
// 实例一个校验器
const validator = new Validator('test')
// 创建校验规则
class FeedbackData {
@validator.rules([
{
required: true,
type: 'string',
message: '反馈内容不能为空',
},
{
message: '反馈内容不能超过10个字符',
validator(val) {
return val.length <= 10
},
},
])
feedback = ''
}
// 实例化数据
const myData = new FeedbackData()
// 创建一个类去更新数据并且进行切片验证
class Demo extends Component {
@validator.valid(myData, msg =>
Taro.showToast({
title: msg,
icon: 'none',
}),
)
handleSubmit() {
Taro.showToast({
title: '已保存',
icon: 'success',
})
}
}
Validator(scope: string)
初始化校验器
rules(rules: Rules)
给字段添加验证规则
required
字段必填
type
使用 typeof value !== type 进行校验
validator
自定义的校验函数
message
验证失败返回的提示信息
Valid(data, callback)
data
需要校验的数据,支持对象和函数