前端Vue中常用rules校验规则
kevin.Zhu 发布于:2023-4-24 17:01 分类:文摘 有 21 人浏览,获得评论 0 条
https://blog.csdn.net/qq_32683235/article/details/114251674
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" }] }