微信小程序 表单验证（async-validator）

一. 安装

npm i async-validator

二. 代码

import Schema from 'async-validator';   // 引用
Page({
    data: {
        name: '',    // 要验证的数据
    },


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

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

                // min最小位数 max最大位数
                {min: 2, max: 3, message: ' name不是字符串！'},

                // pattern 验证正则
                // {pattern: '', message: ' name不是字符串！'},

                // 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('验证成功')
            }
        })
    }

})