vue 中常用校验规则

rules: {

    //验证非空和长度

    name: [{

        required: true,

        message: "站点名称不能为空",

        trigger: "blur"

        },{

        min: 3,

        max: 5,

        message: '长度在 3 到 5 个字符',

        trigger: 'blur'

    }],

    //验证数值

    age: [{

        type: 'number',

        message: '年龄必须为数字值',

        trigger: "blur"

    }],

    //验证日期

    birthday:[{

        type: 'date',

        required: true,

        message: '请选择日期',

        trigger: 'change'

    }],

    //验证多选

    habit: [{

        type: 'array',

        required: true,

        message: '请至少选择一个爱好',

        trigger: 'change'

    }],

    //验证邮箱

    email: [{

        type: 'email',

        message: '请输入正确的邮箱地址',

        trigger: ['blur', 'change']

    }],

    // 验证手机号

    telephone: [{

        pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,

        message: "请输入正确的手机号码",

        trigger: "blur"

    }],

    // 验证经度 整数部分为0-180小数部分为0到7位

    longitude: [{

        pattern: /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,7})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/,

        message: "整数部分为0-180,小数部分为0到7位",

        trigger: "blur"

    }],

    // 验证维度 整数部分为0-90小数部分为0到7位

    latitude: [{

        pattern: /^(\-|\+)?([0-8]?\d{1}\.\d{0,7}|90\.0{0,6}|[0-8]?\d{1}|90)$/,

        message: "整数部分为0-90,小数部分为0到7位",

        trigger: "blur"

    }]         

}

————————————————

版权声明：本文为CSDN博主「Jession-N」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/qq_32683235/article/details/114251674