無聊的我今天竟然無聊到又去寫表單驗證了

順便吐槽星期六前端群里的出來面基了，宅毛線，出來(｡･?･)ﾉﾞ嗨

?

//表單驗證基于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()} }); });

我只想靜靜的擼會兒代碼，但是總監大大又吐槽我了，你搞得那么復雜干嘛。。。

起因只是我想問他時間的年是要15還是2015

然后擼了個半成品。。。。

?

?

轉載于:https://www.cnblogs.com/LoveOrHate/p/4777277.html

總結

以上是生活随笔為你收集整理的jquery表单验证的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。