顺便吐槽星期六前端群里的出来面基了,宅毛线,出来(。・∀・)ノ゙嗨
//表单验证基于Jquery beat1.0 兼容IE6 //QQ:1035417613 //Author:JounreyYao //Data:2015-07-02 ;(function($){ $.fn.extend({ "FormName":function(){ var name = $(this).val(); if(name==""){ $(this).siblings(".warning").show().siblings(".Notice").hide(); } else if(/^[\u4e00-\u9fa5]+$/i.test(name)){ $(this).siblings(".process").show().siblings(".Notice").hide(); }else{ $(this).siblings(".danger").show().siblings(".Notice").hide(); } }, "DataYear":function(){ var reg=/^\d{5}$/; var val = $(this).val(); if(val==""){ $(this).siblings(".warning").text("请输入年") $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(isNaN(val)){ $(this).siblings(".warning").text("请输入正确的日期,如2010年1月1日"); $(this).siblings(".warning").show().siblings(".Notice").hide(); } }, "DataMouth":function(){ var reg=/^\d{5}$/; var val = $(this).val(); if(val==""){ $(this).siblings(".warning").text("请输入月份"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(isNaN(val)){ $(this).siblings(".warning").text("请输入正确的月份,如2010年1月1日"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(val>12||val==0){ $(this).siblings(".warning").text("请输入正确的日期,如2010年1月1日"); $(this).siblings(".warning").show().siblings(".Notice").hide(); } }, "DataDay":function(){ var reg=/^\d{5}$/; var val = $(this).val(); if(val==""){ $(this).siblings(".warning").text("请输入日期"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(isNaN(val)){ $(this).siblings(".warning").text("请输入正确的日期,如2010年1月1日"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(val>31||val==0){ $(this).siblings(".warning").text("请输入正确的日期,如2010年1月1日"); $(this).siblings(".warning").show().siblings(".Notice").hide(); } }, "Unit":function(){ var val = $(this).val(); if(val==""){ $(this).siblings(".warning").text("请输入正确的格式"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else if(isNaN(val)){ $(this).siblings(".warning").text("请输入数字"); $(this).siblings(".warning").show().siblings(".Notice").hide(); }else{ $(this).siblings(".process").show().siblings(".Notice").hide(); } }, "Edition":function(){ $(this).children(".option").click(function(){ $(this).siblings(".selectList").toggle() }) }, "EditionSelect":function(){ $(this).click(function(){ var val = $(this).html(); $(this).parent(".selectList").siblings(".EditionOption").val(val); $(this).parent(".selectList").siblings(".option").html(val); $(this).parent(".selectList").hide() }) }, "NullText":function(){ var name = $(this).val(); if(name==""){ $(this).siblings(".warning").show().siblings(".Notice").hide(); } else{ $(this).siblings(".process").show().siblings(".Notice").hide(); } }, "NullHidden":function(){ var name = $(this).val(); if(name==""){ $(this).parent(".Edition").siblings(".warning").show().siblings(".Notice").hide(); } else{ $(this).parent(".Edition").siblings(".process").show().siblings(".Notice").hide(); } }, "EmallForm":function(){ var name = $(this).val(); if(name==""){ $(this).siblings(".warning").text("请输入邮箱"); $(this).siblings(".warning").show().siblings(".Notice").hide(); } else{ var pattern = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if (!pattern.test(name)) { $(this).siblings(".warning").text("请输入正确的邮箱"); $(this).siblings(".warning").show().siblings(".Notice").hide(); } else{ $(this).siblings(".process").show().siblings(".Notice").hide(); } } }, "allForm":function(){ $(".sofeFormBox .sofeForm .name").FormName(); $(".sofeFormBox .sofeForm .username").FormName(); $(".sofeFormBox .sofeForm .ProductName").NullText(); $(".sofeFormBox .sofeForm .InputTel").NullText(); $(".sofeFormBox .sofeForm .ProductName").NullText(); $(".sofeFormBox .sofeForm .EmallInput").EmallForm(); $(".sofeFormBox .sofeForm .dataYear").DataYear(); $(".sofeFormBox .sofeForm .dataMouth").DataMouth(); $(".sofeFormBox .sofeForm .dataDay").DataDay(); $(".sofeFormBox .sofeForm .InputFormUnit").Unit(); $(".sofeFormBox .sofeForm .Edition").Edition(); $(".sofeFormBox .sofeForm .EditionOption").NullHidden(); } }) })(jQuery) $(function(){ $(".sofeFormBox .sofeForm .name").blur(function(){ $(this).FormName(); }) $(".sofeFormBox .sofeForm .username").blur(function(){ $(this).FormName(); }) $(".sofeFormBox .sofeForm .ProductName").blur(function(){ $(this).NullText(); }) $(".sofeFormBox .sofeForm .InputTel").blur(function(){ $(this).NullText(); }) $(".sofeFormBox .sofeForm .ProductName").blur(function(){ $(this).NullText(); }) $(".sofeFormBox .sofeForm .EmallInput").blur(function(){ $(this).EmallForm(); }) $(".sofeFormBox .sofeForm .dataYear").blur(function(){ $(this).DataYear(); }) $(".sofeFormBox .sofeForm .dataMouth").blur(function(){ $(this).DataMouth(); }) $(".sofeFormBox .sofeForm .dataDay").blur(function(){ $(this).DataDay(); }) $(".sofeFormBox .sofeForm .InputFormUnit").blur(function(){ $(this).Unit(); }) $(".sofeFormBox .sofeForm .Edition").blur(function(){ $(this).Edition(); }) $(".sofeFormBox .sofeForm .Edition .selectList .select").blur(function(){ $(this).EditionSelect(); }) $(".sofeFormBox .sofeForm .dataYear,.sofeFormBox .sofeForm .dataMouth,.sofeFormBox .sofeForm .dataDay").focus(function(){ $(this).siblings(".warning").hide(); }) $(".sofeForm .SubmitBtn").click(function(){ $(this).allForm(); }) }) function clsIDCard(CardNo) { this.Valid = false; this.ID15 = ''; this.ID18 = ''; this.Local = ''; if (CardNo != null) this.SetCardNo(CardNo); } // 设置身份证号码,15位或者18位 clsIDCard.prototype.SetCardNo = function(CardNo) { this.ID15 = ''; this.ID18 = ''; this.Local = ''; CardNo = CardNo.replace(" ", ""); var strCardNo; if (CardNo.length == 18) { pattern = /^\d{17}(\d|x|X)$/; if (pattern.exec(CardNo) == null) return; strCardNo = CardNo.toUpperCase(); } else { pattern = /^\d{15}$/; if (pattern.exec(CardNo) == null) return; strCardNo = CardNo.substr(0, 6) + '19' + CardNo.substr(6, 9) strCardNo += this.GetVCode(strCardNo); } this.Valid = this.CheckValid(strCardNo); } // 校验身份证有效性 clsIDCard.prototype.IsValid = function() { return this.Valid; } // 返回生日字符串,格式如下,1981-10-10 clsIDCard.prototype.GetBirthDate = function() { var BirthDate = ''; if (this.Valid) BirthDate = this.GetBirthYear() + '-' + this.GetBirthMonth() + '-' + this.GetBirthDay(); return BirthDate; } // 返回生日中的年,格式如下,1981 clsIDCard.prototype.GetBirthYear = function() { var BirthYear = ''; if (this.Valid) BirthYear = this.ID18.substr(6, 4); return BirthYear; } // 返回生日中的月,格式如下,10 clsIDCard.prototype.GetBirthMonth = function() { var BirthMonth = ''; if (this.Valid) BirthMonth = this.ID18.substr(10, 2); if (BirthMonth.charAt(0) == '0') BirthMonth = BirthMonth.charAt(1); return BirthMonth; } // 返回生日中的日,格式如下,10 clsIDCard.prototype.GetBirthDay = function() { var BirthDay = ''; if (this.Valid) BirthDay = this.ID18.substr(12, 2); return BirthDay; } // 返回性别,1:男,0:女 clsIDCard.prototype.GetSex = function() { var Sex = ''; if (this.Valid) Sex = this.ID18.charAt(16) % 2; return Sex; } // 返回15位身份证号码 clsIDCard.prototype.Get15 = function() { var ID15 = ''; if (this.Valid) ID15 = this.ID15; return ID15; } // 返回18位身份证号码 clsIDCard.prototype.Get18 = function() { var ID18 = ''; if (this.Valid) ID18 = this.ID18; return ID18; } // 返回所在省,例如:上海市、浙江省 clsIDCard.prototype.GetLocal = function() { var Local = ''; if (this.Valid) Local = this.Local; return Local; } clsIDCard.prototype.GetVCode = function(CardNo17) { var Wi = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1); var Ai = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'); var cardNoSum = 0; for (var i = 0; i < CardNo17.length; i++) cardNoSum += CardNo17.charAt(i) * Wi[i]; var seq = cardNoSum % 11; return Ai[seq]; } clsIDCard.prototype.CheckValid = function(CardNo18) { if (this.GetVCode(CardNo18.substr(0, 17)) != CardNo18.charAt(17)) return false; if (!this.IsDate(CardNo18.substr(6, 8))) return false; var aCity = { 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 : "国外" }; if (aCity[parseInt(CardNo18.substr(0, 2))] == null) return false; this.ID18 = CardNo18; this.ID15 = CardNo18.substr(0, 6) + CardNo18.substr(8, 9); this.Local = aCity[parseInt(CardNo18.substr(0, 2))]; return true; } clsIDCard.prototype.IsDate = function(strDate) { var r = strDate.match(/^(\d{1,4})(\d{1,2})(\d{1,2})$/); if (r == null) return false; var d = new Date(r[1], r[2] - 1, r[3]); return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[2] && d .getDate() == r[3]); } $(function(){ $("#IdCard").blur(function(event){ var idCard = $(this).val(); var checkFlag = new clsIDCard(idCard); if( !checkFlag.IsValid() ){ $(this).siblings(".warning").text("请输入正确的身份证号"); $(this).siblings(".warning").show().siblings(".Notice").hide(); return false; }else{ $(this).siblings(".process").show().siblings(".Notice").hide() } }); });
然后撸了个半成品。。。。