写了一个验证相关的jquery插件

骑猪看日落 2021-11-16 07:04 333阅读 0赞

这次的项目中用了jquery这个javascript框架，项目中涉及验证表单的地方不少．网上也有一些有关表单验证的插件，看了看，感觉很复杂，不够灵活，于是自己试着写了一个这样的插件．代码如下：

![Image 1][] ![Image 1][] /\*\*/ /\*  
![Image 1][]文件名:jquery.liu.string.js  
![Image 1][]功能说明:本js文件为jquery类库的一个插件,主要实现表单验证中的一些字符串处理功能.  
![Image 1][]作者:John Liu  
![Image 1][]编写日期:2007/12/26  
![Image 1][]\*/   
![Image 1][]![Image 1][]jQuery.extend( ![dot.gif][] \{  
![Image 1][]//去除左边的空格  
![Image 1][]ltrim: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return \_str.replace(/(^\\s\*)/g, "");  
![Image 1][]\},  
![Image 1][]//去除右边的空格  
![Image 1][]rtrim: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return \_str.replace(/(\\s\*$)/g, "");  
![Image 1][]\},  
![Image 1][]//因为jquery本身已经有了trim方法,故这里不再重新定义  
![Image 1][]//计算字符串长度，一个双字节字符长度计2，ASCII字符计1  
![Image 1][]lengthw: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return \_str.replace(/\[^\\x00-\\xff\]/g,"rr").length;  
![Image 1][]\},  
![Image 1][]//转换为大写  
![Image 1][]toUpper: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return \_str.toUpperCase();  
![Image 1][]\},  
![Image 1][]//转换为小写  
![Image 1][]toLower: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return \_str.toLowerCase();  
![Image 1][]\},  
![Image 1][]//15位身份证转换为18位,如果参数字符串中有非数字字符,则返回"\#"表示参数不正确  
![Image 1][]idCardUpdate: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var idCard18;  
![Image 1][]var regIDCard15 =/^(\\d)\{15\}$/;  
![Image 1][]if(regIDCard15.test(\_str))  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var nTemp =0;  
![Image 1][]var ArrInt =new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);  
![Image 1][]var ArrCh =new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');  
![Image 1][] \_str = \_str.substr(0,6) \+'1'\+'9'\+ \_str.substr(6,\_str.length\-6);  
![Image 1][]for(var i=0;i<\_str.length;i\++)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][] nTemp \+= parseInt(\_str.substr(i,1)) \* ArrInt\[i\];  
![Image 1][] \}  
![Image 1][] \_str \+= ArrCh\[nTemp %11\];  
![Image 1][] idCard18 = \_str;  
![Image 1][] \}  
![Image 1][]else  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][] idCard18 ="\#";  
![Image 1][] \}  
![Image 1][]return idCard18;  
![Image 1][]\},  
![Image 1][]//是否为空字符串  
![Image 1][]isEmpty: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var tmp\_str = jQuery.trim(\_str);  
![Image 1][]return tmp\_str.length ==0;  
![Image 1][]\},  
![Image 1][]isChinese: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/^\[\\u4E00-\\u9FA5\]\{0,25\}$/.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否为合法电子邮件地址  
![Image 1][]isEmail: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/^\\w+((-\\w+)|(\\.\\w+))\*\\@\[A-Za-z0-9\]+((\\.|-)\[A-Za-z0-9\]+)\*\\.\[A-Za-z0-9\]+$/.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否合法url地址  
![Image 1][]isURL: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var regTextUrl =/^(file|http|https|ftp|mms|telnet|news|wais|mailto):\\/\\/(.+)$/;  
![Image 1][]return regTextUrl.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否为合法ip地址  
![Image 1][]isIpAddress: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]if (\_str.length ==0)  
![Image 1][]return (false);  
![Image 1][] reVal =/^(\\d\{1\}|\\d\{2\}|\[0-1\]\\d\{2\}|2\[0-4\]\\d|25\[0-5\])\\.(\\d\{1\}|\\d\{2\}|\[0-1\]\\d\{2\}|2\[0-4\]\\d|25\[0-5\])\\.(\\d\{1\}|\\d\{2\}|\[0-1\]\\d\{2\}|2\[0-4\]\\d|25\[0-5\])\\.(\\d\{1\}|\\d\{2\}|\[0-1\]\\d\{2\}|2\[0-4\]\\d|25\[0-5\])$/;  
![Image 1][]return (reVal.test (\_str));  
![Image 1][]\},  
![Image 1][]//是否邮政编码(中国)  
![Image 1][]isPostalCode: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var regTextPost =/^(\\d)\{6\}$/;  
![Image 1][]return regTextPost.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否是有效中国身份证  
![Image 1][]isIDCard: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]var iSum=0;  
![Image 1][]var info="";  
![Image 1][]var sId;  
![Image 1][]![Image 1][]var aCity=![dot.gif][]\{ 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:"国外"\};  
![Image 1][]//如果输入的为15位数字,则先转换为18位身份证号  
![Image 1][]if(\_str.length ==15)  
![Image 1][] sId = jQuery.idCardUpdate(\_str);  
![Image 1][]else  
![Image 1][] sId = \_str;  
![Image 1][]  
![Image 1][]if(!/^\\d\{17\}(\\d|x)$/i.test(sId))  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]returnfalse;  
![Image 1][] \}  
![Image 1][] sId=sId.replace(/x$/i,"a");  
![Image 1][]//非法地区  
![Image 1][]if(aCity\[parseInt(sId.substr(0,2))\]==null)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]returnfalse;  
![Image 1][] \}  
![Image 1][]var sBirthday=sId.substr(6,4)\+"\-"\+Number(sId.substr(10,2))\+"\-"\+Number(sId.substr(12,2));  
![Image 1][]var d=new Date(sBirthday.replace(/\-/g,"/"))  
![Image 1][]//非法生日  
![Image 1][]if(sBirthday!=(d.getFullYear()\+"\-"\+ (d.getMonth()\+1) \+"\-"\+ d.getDate()))  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]returnfalse;  
![Image 1][] \}  
![Image 1][]for(var i =17;i>=0;i\--)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][] iSum \+= (Math.pow(2,i) %11) \* parseInt(sId.charAt(17\- i),11);  
![Image 1][] \}  
![Image 1][]if(iSum%11!=1)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]returnfalse;  
![Image 1][] \}  
![Image 1][]returntrue;  
![Image 1][]\},  
![Image 1][]//是否有效的电话号码(中国)  
![Image 1][]isPhoneCall: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/(^\[0-9\]\{3,4\}\\-\[0-9\]\{3,8\}$)|(^\[0-9\]\{3,8\}$)|(^\$\[0-9\]\{3,4\}\$\[0-9\]\{3,8\}$)|(^\[0-9\]\{3,4\}\[0-9\]\{3,8\}$)|(^0\{0,1\}13\[0-9\]\{9\}$)/.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否有效的手机号码(最新的手机号码段可以是15开头的  
![Image 1][]isMobile: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/^0\{0,1\}1(3|5)\[0-9\]\{9\}$/.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否有效用户名,长度在6-50之间的，只包含字母，数字和下划线  
![Image 1][]isValidUserName: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/^\\w\{6,50\}$/.test(\_str);  
![Image 1][]\},  
![Image 1][]//是否有效密码,长度在6-20之间  
![Image 1][]isValidPass: function(\_str)  
![Image 1][]![Image 1][]![dot.gif][]\{  
![Image 1][]return/^\\w\{6,20\}$/.test(\_str);  
![Image 1][]\}  
![Image 1][]\} );

在调用的时候要求先引入jquery.js文件，再引入这个jquery.liu.string.js．进行调用时可以如下方式调用(以判断是否有效手机号为例）

![Image 1][] var  mobile  =  $( " \#txtMobile " ).get( 0 );  
![Image 1][] if ($.isMobile(mobile.value))  
![Image 1][]![Image 1][] ![dot.gif][] \{  
![Image 1][] alert("0k");  
![Image 1][]\}   
![Image 1][] else   
![Image 1][]![Image 1][] ![dot.gif][] \{  
![Image 1][] alert("error");  
![Image 1][]\}

我这里只是对一些常用的需要验证的功能写了对应的函数，根据需要还可以扩展或修改．

转载于:https://www.cnblogs.com/longer/archive/2008/01/10/1033672.html

[Image 1]: 
[dot.gif]: /images/20211116/e27d1c5eafc04a24903bf127425c1d86.png