0.0.1 • Published 3 years ago

@dxp-dc/validator v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

表单验证

使用装饰器语法创建规则及校验 支持部分数据校验, 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

需要校验的数据,支持对象和函数

callback