js 前段，页面数据校验总结

一时失言乱红尘 2022-05-29 09:38 173阅读 0赞

/\*  
 \* Translated default messages for the jQuery validation plugin.  
 \* Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語)  
 \*/  
(function ($) \{  
$.extend($.validator.messages, \{  
required: "必填信息",  
remote: "请修正该信息",  
email: "请输入正确格式的电子邮件",  
url: "请输入合法的网址",  
date: "请输入合法的日期",  
dateISO: "请输入合法的日期 (ISO).",  
number: "请输入合法的数字",  
digits: "只能输入整数",  
creditcard: "请输入合法的信用卡号",  
equalTo: "请再次输入相同的值",  
accept: "请输入拥有合法后缀名的字符串",  
maxlength: $.validator.format("请输入一个长度最多是 \{0\} 的字符串"),  
minlength: $.validator.format("请输入一个长度最少是 \{0\} 的字符串"),  
rangelength: $.validator.format("请输入一个长度介于 \{0\} 和 \{1\} 之间的字符串"),  
range: $.validator.format("请输入一个介于 \{0\} 和 \{1\} 之间的值"),  
max: $.validator.format("请输入一个最大为 \{0\} 的值"),  
min: $.validator.format("请输入一个最小为 \{0\} 的值")  
\});  
\}(jQuery));  
  
  
//邮箱验证  
jQuery.validator.addMethod("emali", function(value, element) \{  
    var emali = /^\\w+((-\\w+)|(\\.\\w+))\*\\@\[A-Za-z0-9\]+((\\.|-)\[A-Za-z0-9\]+)\*\\.\[A-Za-z0-9\]+$/;  
    return this.optional(element) || (emali.test(value));  
\}, "请输入正确格式的电子邮件");  
//Ip验证  
jQuery.validator.addMethod("ip", function(value, element) \{  
return this.optional(element) || (/^(\\d+)\\.(\\d+)\\.(\\d+)\\.(\\d+)$/.test(value) && (RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256));     
\}, "请输入合法的IP地址");  
  
  
jQuery.validator.addMethod("abc",function(value, element) \{  
return this.optional(element) || /^\[a-zA-Z0-9\_\]\*$/.test(value);  
\},"请输入字母数字或下划线");  
  
  
jQuery.validator.addMethod("username",function(value, element) \{  
return this.optional(element) || /^\[a-zA-Z0-9\]\[a-zA-Z0-9\_\]\{2,19\}$/.test(value);  
\},"3-20位字母或数字开头，允许字母数字下划线");  
  
  
jQuery.validator.addMethod("noEqualTo",function(value, element, param) \{  
return value != $(param).val();  
\},"请再次输入不同的值");  
  
  
//验证值不允许与特定值等于  
jQuery.validator.addMethod("notEqual",function(value, element, param) \{  
return value != param;  
\}, $.validator.format("输入值不允许为\{0\}!"));  
  
  
jQuery.validator.addMethod("gt",function(value, element, param) \{  
return value > $(param).val();  
\},"请输入更大的值");  
  
  
jQuery.validator.addMethod("lt",function(value, element, param) \{  
return value < $(param).val();  
\},"请输入更小的值");  
  
  
//验证值小数位数不能超过n位  
/\*\*  
jQuery.validator.addMethod("decimal", function(value, element,param) \{  
//eval("var decimal = /^-?\\\\d+(\\\\.\\\\d\{1,"+param\[1\]+"\})?$/");  
eval("var decimal = /^-?(\[1-9\]\\\\d\*.\\\\d\*|0.\\\\d\*\[1-9\]\\\\d\*|0?.0\{5\}|0)$/");  
return this.optional(element) || (decimal.test(value));  
\}, $.validator.format("小数位数不能超过\{0\}位"));   
\*\*/  
jQuery.validator.addMethod("decimal", function(value, element, param) \{  
var b1 = false;  
//alert("数据:"+value);  
if(!isNaN(value))\{  
//alert("是数字"+!isNaN(value));  
value = value.toString();  
var L1 = value.length; //位数(未去掉小数点)  
if(value.indexOf(".")>=0)\{  
L1 = value.length - 1; //位数(去掉小数点)  
var L2 = value.substring(value.indexOf(".")+1).length;  
L1 -= L2; //小数位  
// if(L1<=(param\[0\]-param\[1\]) && L2<=param\[1\])\{  
// 原先计算用的是差值(总位数减去小数位), 但是综合提示来说. 第一位应该是整数位的位数. 所以修改了  
if(L1<=(param\[0\]) && L2<=param\[1\])\{  
//alert("位数和小数位符合");  
b1=true;  
\}  
\}else\{  
if(L1<=param\[0\])\{  
//alert("整数符合");  
b1=true;  
\}  
\}  
\}  
return this.optional(element) || b1;         
\}, "不能大于\{0\}位整数，小数点后不能大于\{1\}位小数");     
  
  
//必须以特定字符串开头验证  
jQuery.validator.addMethod("begin", function(value, element, param) \{  
var begin = new RegExp("^" + param);  
return this.optional(element) || (begin.test(value));  
\}, $.validator.format("必须以 \{0\} 开头"));  
  
  
//必须为固定的位数  
jQuery.validator.addMethod("length", function(value, element, param) \{  
    var length = value.length;  
    var reg = new RegExp("^\[0-9a-zA-Z\]\{" + param + "\}$");  
    return this.optional(element) || (length == param && reg.test(value));  
\}, $.validator.format("位数必须为 \{0\}位,且只能为数字和英文字符"));  
  
  
//必须为固定位数的数字  
jQuery.validator.addMethod("mobilelength", function(value, element, param) \{  
var length = value.length;  
var reg = new RegExp("^\[0-9\]\{" + param + "\}$");  
return this.optional(element) || (length == param && reg.test(value));  
\}, $.validator.format("必须为 \{0\}位的数字"));  
  
  
//字符验证  
jQuery.validator.addMethod("string", function(value, element) \{  
return this.optional(element) || /^\[u0391-uFFE5w\]+$/.test(value);  
\}, "不允许包含特殊符号!");  
  
  
//真实姓名验证  
jQuery.validator.addMethod("realName", function(value, element) \{  
    return this.optional(element) || /^\[\\u4e00-\\u9fa5\]\{2,30\}$/.test(value);  
\}, "姓名只能为2-30个汉字");  
  
  
// 字符验证  
jQuery.validator.addMethod("userName", function(value, element) \{  
    return this.optional(element) || /^\[\\u0391-\\uFFE5\\w\]+$/.test(value);  
\}, "登录名只能包括中文字、英文字母、数字和下划线");  
  
  
//法人名字验证  
jQuery.validator.addMethod("legalName", function(value, element) \{  
    return this.optional(element) || /^\[\$\$\\（\\）\\w\\u4e00-\\u9fa5\\" "\]+$/.test(value);  
\}, "只能包括中文文字、英文字母、数字、下划线以及括号");  
  
  
//法人名字验证  
jQuery.validator.addMethod("loginName", function(value, element) \{  
    return this.optional(element) || /^\[\\w\\u4e00-\\u9fa5\\" "\]+$/.test(value);  
\}, "只能包括中文文字、英文字母、数字、下划线");  
  
  
// 手机号码验证  
jQuery.validator.addMethod("mobile", function(value, element) \{  
    var length = value.length;  
    return this.optional(element) || (length == 11 && /^(((13\[0-9\]\{1\})|(18\[0-9\]\{1\})|(170)|(15\[0-9\]\{1\}))+\\d\{8\})$/.test(value));  
\}, "请正确填写您的手机号码");  
  
  
// 电话号码验证  
jQuery.validator.addMethod("simplePhone", function(value, element) \{  
    var tel = /^(\\d\{3,4\}-?)?\\d\{7,9\}$/g;  
    return this.optional(element) || (tel.test(value));  
\}, "请正确填写您的电话号码");  
  
  
// 电话号码验证       
jQuery.validator.addMethod("phone", function(value, element) \{       
var tel = /(^0\[1-9\]\{1\}\\d\{9,10\}$)|(^1\[3,5,8\]\\d\{9\}$)/g;       
return this.optional(element) || (tel.test(value));       
\}, "格式为:固话为区号(3-4位)号码(7-9位),手机为:13,15,18号段");   
  
  
// 邮政编码验证  
jQuery.validator.addMethod("zipCode", function(value, element) \{  
    var tel = /^\[0-9\]\{6\}$/;  
    return this.optional(element) || (tel.test(value));  
\}, "请正确填写您的邮政编码");  
  
  
//QQ号码验证  
jQuery.validator.addMethod("qq", function(value, element) \{  
    var tel = /^\[1-9\]\[0-9\]\{4,\}$/;  
    return this.optional(element) || (tel.test(value));  
\}, "请正确填写您的QQ号码");  
   
//校验身份证好  
jQuery.validator.addMethod("card",function(value, element) \{  
return this.optional(element) || checkIdcard(value);  
\},"请输入正确的身份证号码(15-18位)")  
  
  
// Ajax post 方式  -- 返回的是请求返回数据  
function PostMethod(url,obj)\{  
var res = \{state:false\};  
$.ajax(\{  
url : url,  
type : "post",  
data:obj,  
dataType : "json",  
async : false,  
success: function(data)\{  
res = data;  
\}  
\});  
return res;  
\}  
  
  
// 判断当前数据不为空且不为空字符串  
function notEmpty(val)\{  
if(val != null && typeof(val)!="undefined" && val != '')\{  
return true;  
\}  
return false;  
\}  
  
  
// 加载菜单  
function loadMenuActive(parentUrl,menuUrl)\{  
var url = parentUrl;  
var data = \{  
menuUrl : menuUrl  
\};  
var result = PostMethod(url,data);  
if(result.state)\{  
$(".active", parent.document).removeClass("active");  
$("\#" + result.rootID , parent.document).addClass("active");  
window.parent.loadMenu(result.rootID);  
\}  
\}  
  
  
// 解决IE7/8 下不支持trim 的解决方法  
if(!String.prototype.trim) \{  
String.prototype.trim = function () \{  
return this.replace(/^\\s+|\\s+$/g,'');  
\};  
\}  
  
  
//验证身份证函数  
function checkIdcard(idcard)\{  
// 忽略空格  
idcard = idcard.toString().trim();  
//var Errors=new Array("验证通过!","身份证号码位数不对!","身份证号码出生日期超出范围或含有非法字符!","身份证号码校验错误!","身份证地区非法!");  
var Errors=new Array(true,false,false,false,false);  
var area=\{11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"\}  
var idcard,Y,JYM;  
var S,M;  
var idcard\_array = new Array();  
idcard\_array = idcard.split("");  
//地区检验  
if(area\[parseInt(idcard.substr(0,2))\]==null) return Errors\[4\];  
//身份号码位数及格式检验  
switch(idcard.length)\{  
case 15:  
if ( (parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 ))\{  
ereg=/^\[1-9\]\[0-9\]\{5\}\[0-9\]\{2\}((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|\[1-2\]\[0-9\]))\[0-9\]\{3\}$/;//测试出生日期的合法性  
\} else \{  
ereg=/^\[1-9\]\[0-9\]\{5\}\[0-9\]\{2\}((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|1\[0-9\]|2\[0-8\]))\[0-9\]\{3\}$/;//测试出生日期的合法性  
\}  
if(ereg.test(idcard)) return Errors\[0\];  
else return Errors\[2\];  
break;  
case 18:  
//18 位身份号码检测  
//出生日期的合法性检查  
//闰年月日:((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|\[1-2\]\[0-9\]))  
//平年月日:((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|1\[0-9\]|2\[0-8\]))  
if ( parseInt(idcard.substr(6,4)) % 4 == 0 || (parseInt(idcard.substr(6,4)) % 100 == 0 && parseInt(idcard.substr(6,4))%4 == 0 ))\{  
ereg=/^\[1-9\]\[0-9\]\{5\}19\[0-9\]\{2\}((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|\[1-2\]\[0-9\]))\[0-9\]\{3\}\[0-9Xx\]$/;//闰年出生日期的合法性正则表达式  
\} else \{  
ereg=/^\[1-9\]\[0-9\]\{5\}19\[0-9\]\{2\}((01|03|05|07|08|10|12)(0\[1-9\]|\[1-2\]\[0-9\]|3\[0-1\])|(04|06|09|11)(0\[1-9\]|\[1-2\]\[0-9\]|30)|02(0\[1-9\]|1\[0-9\]|2\[0-8\]))\[0-9\]\{3\}\[0-9Xx\]$/;//平年出生日期的合法性正则表达式  
\}  
if(ereg.test(idcard)) \{//测试出生日期的合法性  
//计算校验位  
S = (parseInt(idcard\_array\[0\]) + parseInt(idcard\_array\[10\])) \* 7  
\+ (parseInt(idcard\_array\[1\]) + parseInt(idcard\_array\[11\])) \* 9  
\+ (parseInt(idcard\_array\[2\]) + parseInt(idcard\_array\[12\])) \* 10  
\+ (parseInt(idcard\_array\[3\]) + parseInt(idcard\_array\[13\])) \* 5  
\+ (parseInt(idcard\_array\[4\]) + parseInt(idcard\_array\[14\])) \* 8  
\+ (parseInt(idcard\_array\[5\]) + parseInt(idcard\_array\[15\])) \* 4  
\+ (parseInt(idcard\_array\[6\]) + parseInt(idcard\_array\[16\])) \* 2  
\+ parseInt(idcard\_array\[7\]) \* 1  
\+ parseInt(idcard\_array\[8\]) \* 6  
\+ parseInt(idcard\_array\[9\]) \* 3 ;  
Y = S % 11;  
M = "F";  
JYM = "10X98765432";  
M = JYM.substr(Y,1);//判断校验位  
if(M == idcard\_array\[17\]) return Errors\[0\]; //检测ID的校验位  
else return Errors\[3\];  
\}  
else return Errors\[2\];  
break;  
default:  
return Errors\[1\];  
break;  
\}  
\}   
  
  
//Ajax post 方式  -- 返回的是请求返回数据  
function PostMethod(url,obj)\{  
var res = \{state:false\};  
$.ajax(\{  
url : url,  
type : "post",  
data:obj,  
dataType : "json",  
async : false,  
success: function(data)\{  
res = data;  
\}  
\});  
return res;  
\}  
  
  
// 加载菜单  
function loadMenuActive(parentUrl,menuUrl,viewurl)\{  
var url = parentUrl;  
var data = \{  
menuUrl : menuUrl  
\};  
var result = PostMethod(url,data);  
//console.info(result);  
if(result.state)\{  
//$(".active", parent.document).removeClass("active");  
//$("\#" + result.rootID , parent.document).addClass("active");  
window.parent.reloadMenu(result.rootID,result.parentID,result.currID,viewurl);  
\}  
\}  
//异步分页加载方法  
function calcPageFront(fromId,pageUrl)\{  
var val = $("\#" + fromId).serialize();  
$.ajax(\{  
type: "post",  
    url: pageUrl,  
data:$("\#" + fromId).serialize(),  
cache:false,  
async:true,  
dataType:"json",  
success: function(data)\{  
$("\#pageFront").html(data.html);  
        \}   
    \});  
\}