vue开发一年中那些需求中用到最多的form表单校验

1.校验生成用户名的复杂度

const validateLegitimateName = (rule, value, callback) => {let reg = /^(?![\d]+$)(?![a-zA-Z]+$).{6,20}$/;if (reg.test(value)) {callback();} else {callback(new Error("请输入6-20位的字母及数字组合！"));}};

2.校验密码复杂度

const validateStrongPwd = (rule, value, callback) => {let reg = /^(?![\d]+$)(?![a-zA-Z]+$)(?![~！@#$%^&*()_<>]+$)[\da-zA-Z~！@#$%^&*()_<>]{8,20}$/;if (reg.test(value)) {callback();} else {callback(new Error("密码建议设置从字符、数字、符号中任意两种组合！"));}};

3.校验手机号(国内、国际)

// 国内手机号码格式
const validatePhone = (rule, value, callback) => {let reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;if (!value || reg.test(value)) {callback();} else {callback(new Error("请输入正确的手机号"));}};// 国际手机号码格式
const validatePhone = (rule, value, callback) => {let reg = /^((00){1}[1-9]{1}[0-9]{1,3}|86|\+86)?1[3458]\d{9}$/;if (!value || reg.test(value)) {callback();} else {callback(new Error("请输入正确的手机号"));}};

4.校验邮箱

const validateEMail=function(rule, value,callback) {let reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;if(value){callback();}else{if (!reg.test(value)){callback(new Error('请输入正确的邮箱'));} else {callback();}}
}

5.中文校验

const validateChinese = function(rule, value, callback){let reg = /^[\u0391-\uFFE5A-Za-z]+$/if (!value) {return callback(new Error('请输入中文'))}if (!reg.test(value)) {callback(new Error('不可输入特殊字符'))} else {callback()}
}