// 从 async-validator 中引入构造函数
import Schema from 'async-validator'

Page({
  data: {
    name: ''
  },

  // 对数据进行验证
  onValidator() {
    // 定义验证规则
    const rules = {
      // key 验证规则的名字，名字需要和验证的数据保持一致
      name: [
        // required 是否是必填项
        // message 如果验证失败，提示错误内容
        { required: true, message: 'name 不能为空' },

        // type 验证数据的类型
        { type: 'string', message: 'name 不是字符串' },

        // min 最少位数，max 最大位数
        { min: 2, max: 3, message: '名字最少 2 个字，最多是 3 个字' }

        // pattern 使用正则对数据进行验证
        // { pattern: '', message: '' }

        // validator 自定义验证规则
        // { validator: () => {} }
      ]
    }

    // 需要对构造函数进行实例化，同时传入验证规则
    const validator = new Schema(rules)

    // 需要调用 validate 实例方法，对数据进行验证
    // 第一个参数：需要验证的数据，要求数据是一个对象
    //  validate 方法只会验证和验证规则同名的字段
    // 第二个参数：是一个回调函数
    validator.validate(this.data, (errors, fields) => {
      // 如果验证成功，errors 是一个 null
      // 如果验证失败，errors 是一个数组，数组每一项是错误信息

      // fields 是需要验证的属性，属性值是一个数组，数组中也包含着错误信息

      if (errors) {
        console.log('验证失败')

        console.log(errors)

        console.log(fields)
      } else {
        console.log('验证成功')
      }
    })
  }
})