268 lines
8.0 KiB
JavaScript
268 lines
8.0 KiB
JavaScript
/**
|
||
* 表单验证
|
||
* @author dingyong
|
||
* @version 1.4.0
|
||
**/
|
||
|
||
const form = {
|
||
//当出现错误时返回错误消息，否则返回空即为验证通过
|
||
/*
|
||
formData:Object 表单对象。{key:value,key:value},key==rules.name
|
||
rules: Array [{name:name,rule:[],msg:[]},{name:name,rule:[],msg:[]}]
|
||
name:name 属性=> 元素的名称
|
||
rule:字符串数组 ["required","isMobile","isEmail","isCarNo","isIdCard","isAmount","isNum","isChinese","isEnglish",isEnAndNo","isSpecial","isEmoji",""isDate","isUrl","isSame:key","range:[1,9]","minLength:9","maxLength:Number"]
|
||
msg:数组 []。 与数组 rule 长度相同,对应的错误提示信息
|
||
*/
|
||
validation: function(formData, rules) {
|
||
for (let item of rules) {
|
||
let key = item.name;
|
||
let rule = item.rule;
|
||
let msgArr = item.msg;
|
||
if (!key || !rule || rule.length === 0 || !msgArr || msgArr.length === 0) {
|
||
continue;
|
||
}
|
||
for (let i = 0, length = rule.length; i < length; i++) {
|
||
let ruleItem = rule[i];
|
||
let msg = msgArr[i];
|
||
if (!ruleItem || !msg) {
|
||
continue;
|
||
}
|
||
//数据处理
|
||
let value = null;
|
||
if (~ruleItem.indexOf(":")) {
|
||
let temp = ruleItem.split(":");
|
||
ruleItem = temp[0];
|
||
value = temp[1];
|
||
}
|
||
let isError = false;
|
||
switch (ruleItem) {
|
||
case "required":
|
||
isError = form._isNullOrEmpty(formData[key]);
|
||
break;
|
||
case "isMobile":
|
||
isError = !form._isMobile(formData[key]);
|
||
break;
|
||
case "isEmail":
|
||
isError = !form._isEmail(formData[key]);
|
||
break;
|
||
case "isCarNo":
|
||
isError = !form._isCarNo(formData[key]);
|
||
break;
|
||
case "isIdCard":
|
||
isError = !form._isIdCard(formData[key]);
|
||
break;
|
||
case "isAmount":
|
||
isError = !form._isAmount(formData[key]);
|
||
break;
|
||
case "isNum":
|
||
isError = !form._isNum(formData[key]);
|
||
break;
|
||
case "isChinese":
|
||
isError = !form._isChinese(formData[key]);
|
||
break;
|
||
case "isEnglish":
|
||
isError = !form._isEnglish(formData[key]);
|
||
break;
|
||
// case "isEnAndNo":
|
||
// isError = !form._isEnAndNo(formData[key]);
|
||
// break;
|
||
case "isEnOrNo":
|
||
isError = !form._isEnOrNo(formData[key]);
|
||
break;
|
||
case "isSpecial":
|
||
isError = form._isSpecial(formData[key]);
|
||
break;
|
||
case "isEmoji":
|
||
isError = form._isEmoji(formData[key]);
|
||
break;
|
||
// case "isDate":
|
||
// isError = !form._isDate(formData[key]);
|
||
// break;
|
||
case "isUrl":
|
||
isError = !form._isUrl(formData[key]);
|
||
break;
|
||
case "isSame":
|
||
isError = !form._isSame(formData[key], formData[value]);
|
||
break;
|
||
case "range":
|
||
let range = null;
|
||
try {
|
||
range = JSON.parse(value);
|
||
if (range.length <= 1) {
|
||
throw new Error("range值传入有误！")
|
||
}
|
||
} catch (e) {
|
||
return "range值传入有误！"
|
||
}
|
||
isError = !form._isRange(formData[key], range[0], range[1])
|
||
break;
|
||
case "minLength":
|
||
isError = !form._minLength(formData[key], value)
|
||
break;
|
||
case "maxLength":
|
||
isError = !form._maxLength(formData[key], value)
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
if (isError) {
|
||
return msg;
|
||
}
|
||
}
|
||
}
|
||
return "";
|
||
},
|
||
_isNullOrEmpty: function(value) {
|
||
return (value === null || value === '' || value === undefined) ? true : false;
|
||
},
|
||
_isMobile: function(value) {
|
||
return /^(?:13\d|14\d|15\d|16\d|17\d|18\d|19\d)\d{5}(\d{3}|\*{3})$/.test(value);
|
||
},
|
||
_isEmail: function(value) {
|
||
return /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(value);
|
||
},
|
||
_isCarNo: function(value) {
|
||
// 新能源车牌
|
||
const xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
|
||
// 旧车牌
|
||
const creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
|
||
if (value.length === 7) {
|
||
return creg.test(value);
|
||
} else if (value.length === 8) {
|
||
return xreg.test(value);
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
_isIdCard: function(value) {
|
||
let idCard = value;
|
||
if (idCard.length == 15) {
|
||
return this.__isValidityBrithBy15IdCard;
|
||
} else if (idCard.length == 18) {
|
||
let arrIdCard = idCard.split("");
|
||
if (this.__isValidityBrithBy18IdCard(idCard) && this.__isTrueValidateCodeBy18IdCard(arrIdCard)) {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
__isTrueValidateCodeBy18IdCard: function(arrIdCard) {
|
||
let sum = 0;
|
||
let Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
|
||
let ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];
|
||
if (arrIdCard[17].toLowerCase() == 'x') {
|
||
arrIdCard[17] = 10;
|
||
}
|
||
for (let i = 0; i < 17; i++) {
|
||
sum += Wi[i] * arrIdCard[i];
|
||
}
|
||
let valCodePosition = sum % 11;
|
||
if (arrIdCard[17] == ValideCode[valCodePosition]) {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
__isValidityBrithBy18IdCard: function(idCard18) {
|
||
let year = idCard18.substring(6, 10);
|
||
let month = idCard18.substring(10, 12);
|
||
let day = idCard18.substring(12, 14);
|
||
let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
|
||
if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() !=
|
||
parseFloat(day)) {
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
},
|
||
__isValidityBrithBy15IdCard: function(idCard15) {
|
||
let year = idCard15.substring(6, 8);
|
||
let month = idCard15.substring(8, 10);
|
||
let day = idCard15.substring(10, 12);
|
||
let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
|
||
|
||
if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() !=
|
||
parseFloat(day)) {
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
},
|
||
_isAmount: function(value) {
|
||
//金额，只允许保留两位小数
|
||
return /^([0-9]*[.]?[0-9])[0-9]{0,1}$/.test(value);
|
||
},
|
||
_isNum: function(value) {
|
||
//只能为数字
|
||
return /^[0-9]+$/.test(value);
|
||
},
|
||
_isChinese: function(value) {
|
||
let reg = /.*[\u4e00-\u9fa5]+.*$/;
|
||
return value !== "" && reg.test(value) && !form._isSpecial(value) && !form._isEmoji(value)
|
||
},
|
||
_isEnglish: function(value) {
|
||
return /^[a-zA-Z]*$/.test(value)
|
||
},
|
||
// _isEnAndNo: function(value) {
|
||
// //8~20位数字和字母组合
|
||
// return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/.test(value);
|
||
// },
|
||
_isEnOrNo: function(value) {
|
||
//英文或者数字
|
||
let reg = /.*[\u4e00-\u9fa5]+.*$/;
|
||
let result = true;
|
||
if (reg.test(value) || form._isSpecial(value) || form._isEmoji(value)) {
|
||
result = false
|
||
}
|
||
return result
|
||
},
|
||
_isSpecial: function(value) {
|
||
//是否包含特殊字符
|
||
let regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
|
||
regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im;
|
||
if (regEn.test(value) || regCn.test(value)) {
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
_isEmoji: function(value) {
|
||
//是否包含表情
|
||
return /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(value);
|
||
},
|
||
// _isDate: function(value) {
|
||
// //2019-10-12
|
||
// const reg =
|
||
// /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
|
||
// return reg.test(value);
|
||
// },
|
||
_isUrl: function(value) {
|
||
return /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(value);
|
||
},
|
||
_isSame: function(value1, value2) {
|
||
return value1 === value2
|
||
},
|
||
_isRange: function(value, range1, range2) {
|
||
if ((!range1 && range1 != 0) && (!range2 && range2 != 0)) {
|
||
return true;
|
||
} else if (!range1 && range1 != 0) {
|
||
return value <= range2
|
||
} else if (!range2 && range2 != 0) {
|
||
return value >= range1
|
||
} else {
|
||
return value >= range1 && value <= range2
|
||
}
|
||
},
|
||
_minLength: function(value, min) {
|
||
return value.length >= Number(min)
|
||
},
|
||
_maxLength: function(value, max) {
|
||
return value.length <= Number(max)
|
||
}
|
||
};
|
||
module.exports = {
|
||
validation: form.validation
|
||
};
|