vue⾥⾯rules_Vue中常⽤rules校验规则(实例代码)
在 开发中,难免遇到各种表单校验,这⾥整理了⽹络上和⾃⼰平时⾼频率⽤到的⼀些校验⽅法。如果错误欢迎指出,后期不断补充更新。
1、是否合法IP
function validateIP(rule, value,callback) {undefined
if(value==''||value==undefined||value==null){undefined
();
}el {undefined
reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.
(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
if ((!st(value)) && value != '') {undefined
callback(new Error('请输⼊正确的IP地址'));
} el {undefined
callback();
}
}
}
2、是否⼿机号码或者固话
export validatePhoneTwo(rule, value, callback) {undefined
const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;
if (value == '' || value == undefined || value == null) {undefined
出国留学美国费用
callback();
} el {undefined
if ((!st(value)) && value != '') {undefined
lavaempresscallback(new Error('请输⼊正确的电话号码或者固话号码'));
} el {undefined
callback();
}
}
}
3、是否固话
export function validateTelphone(rule, value,callback) {undefined
const reg =/0\d{2,3}-\d{7,8}/;
if(value==''||value==undefined||value==null){undefined
callback();
}el {undefined
if ((!st(value)) && value != '') {undefined
callback(new Error('请输⼊正确的固定电话)'));
} el {undefined
callback();
}
}
英语演讲比赛英文}
4、是否⼿机号码
export function validatePhone(rule, value,callback) {undefined const reg =/^[1][3-9][0-9]{9}$/;
if(value==''||value==undefined||value==null){undefined callback();
}el {undefined
if ((!st(value)) && value != '') {undefined
callback(new Error('请输⼊正确的电话号码'));
} el {undefined
callback();
}
}
}
5、是否⾝份证号码
export function validateIdNo(rule, value,callback) {undefined const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(value==''||value==undefined||value==null){undefined callback();
}el {undefined
if ((!st(value)) && value != '') {undefined
callback(new Error('请输⼊正确的⾝份证号码'));
} el {undefined
callback();
}
}
}
6、是否邮箱
export function validateEMail(rule, value,callback) {undefined
const reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;
if(value==''||value==undefined||value==null){undefined
callback();
}el{undefined
if (!st(value)){undefined
callback(new Error('请输⼊正确的邮箱'));
} el {undefined
cushioncallback();
}
}
}
7、合法url
export function validateURL(url) {undefined
const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\. (25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.
济南会计网(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|muum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-
9.,?'\\+&%$#=~_-]+))*$/;
st(url);
英语四级作文}
8、验证内容是否包含英⽂数字以及下划线
export function isPassword(rule, value, callback) {undefined
const reg =/^[_a-zA-Z0-9]+$/;
if(value==''||value==undefined||value==null){undefined
callback();
} el {undefined
if (!st(value)){undefined
callback(new Error('仅由英⽂字母,数字以及下划线组成'));
} el {undefined
callback();
}白打
}
}
9、⾃动检验数值的范围
export function checkMax20000(rule, value, callback) {undefined if (value == '' || value == undefined || value == null) {undefined callback();
} el if (!Number(value)) {undefined
callback(new Error('请输⼊[1,20000]之间的数字'));
protester} el if (value < 1 || value > 20000) {undefined
callback(new Error('请输⼊[1,20000]之间的数字'));
} el {undefined
callback();
}
}
10、验证数字输⼊框最⼤数值
export function checkMaxVal(rule, value,callback) {undefined
日文念if (value < 0 || value > 最⼤值) {undefined
callback(new Error('请输⼊[0,最⼤值]之间的数字'));
} el {undefined
callback();
}
}
11、验证是否1-99之间
export function isOneToNinetyNine(rule, value, callback) {undefined if (!value) {undefined
return callback(new Error('输⼊不可以为空'));
}
tTimeout(() => {undefined
if (!Number(value)) {undefined
callback(new Error('请输⼊正整数'));
} el {undefined
const re = /^[1-9][0-9]{0,1}$/;
const rsCheck = re.test(value);
if (!rsCheck) {undefined
callback(new Error('请输⼊正整数,值为【1,99】'));
} el {undefined
callback();
}
}
}, 0);
}
12、验证是否整数
export function isInteger(rule, value, callback) {undefined
if (!value) {undefined
return callback(new Error('输⼊不可以为空'));
}
tTimeout(() => {undefined
if (!Number(value)) {undefined
callback(new Error('请输⼊正整数'));
} el {undefined
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = re.test(value);
if (!rsCheck) {undefined
callback(new Error('请输⼊正整数'));
} el {undefined
callback();
}
}
}, 0);
}
13、验证是否整数,⾮必填
export function isIntegerNotMust(rule, value, callback) {undefined if (!value) {undefined
callback();
}
tTimeout(() => {undefined
if (!Number(value)) {undefined
callback(new Error('请输⼊正整数'));
} el {undefined
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = re.test(value);