无聊的我今天竟然无聊到又去写表单验证了

顺便吐槽星期六前端群里的出来面基了,宅毛线,出来(。・∀・)ノ゙嗨

//表单验证基于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表单验证相关推荐

  1. 一款比较实用齐全的jQuery 表单验证插件

    一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网 ...

  2. 轻量级的jQuery表单验证插件 - HAPPY.js

    为什么80%的码农都做不了架构师?>>>    日期:2012-9-14  来源:GBin1.com 在线演示  本地下载 功能强大的表单验证插件很多,以前我们介绍过validati ...

  3. JQuery 表单验证--jquery validation

    jquery validation,表单验证控件 官方地址 :http://jqueryvalidation.org/ jquery表单验证 默认值校验规则 jquery表单验证 默认的提示 1 &l ...

  4. jQuery 表单验证插件,jQuery Validation Engine用法详解

    jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...

  5. php表单确认密码,jQuery表单验证之密码确认实例详解

    本文主要为大家详细介绍了jQuery表单验证之密码确认的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 众所周知,在修改密码时会需要两次输入密码.这时如何确保两个密码框 ...

  6. jQuery框架学习第十一天:实战jQuery表单验证及jQuery自动完成提示插件

    jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集  jQuery框架学习第四天:使用jQ ...

  7. jQuery 表单验证插件 jQuery Validation Engine 使用

    jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...

  8. jQuery 表单验证设置html(,jquery表单验证

    如何用jquery进行表单验证 (1)所需工具: jQuery.1.8.3.js和jquery.validate.js,百度jquery validate插件即可找到下载 (2)引入js (3)按照插 ...

  9. 12个方便易用的jquery表单验证插件

    绝大部分网站都是开放注册的,而注册就需要使用表单验证,因为网站都需要对注册用户的信息安全性和合理性做出判断,表单的注册都应该具备完善的验证方式,比如注册使用的手机号是否是真实的?用户填写的验证码是否正 ...

  10. jQuery表单验证实例 / 包含用户名、密码、住址、邮箱验证

    jQuery表单验证实例 / 包含用户名.密码.住址.邮箱验证 如下图 别忘了引入jQuery框架!!! 话不多说直接先上jQuery部分代码: <script type="text/ ...

最新文章

  1. (转)二叉树系列面试问题
  2. 强连通分量的分解(转博客园)
  3. 高性能日志框架 Log4a 原理分析
  4. 牛客 - 完全图(二分)
  5. 从金庸的武侠到数学的江湖
  6. matlab保存格式可以用cad打开文件,怎么将TXT文件导入CAD中生成图形
  7. 三维家可以导入别人的方案吗_三维家精准赋能月兔家居打通前后端一体化,以时间匠空间!...
  8. 白萝卜梨汤止咳防感冒
  9. 父与子python下载不了_python3-父与子的编程之旅安装pygame出现的问题
  10. 色谱计算机常用英文,色谱术语的常用中英文对照
  11. Arthas线上问题定位神器
  12. 你是哪种类型的代码斗士
  13. 【每日最爱一句】2013.07.10
  14. 某年的第几个月或第几个周换算为具体的日期 -- vue
  15. 高校BBS最HOT的100个笑话(不看保证后悔终身)
  16. 自回归滞后模型进行多变量时间序列预测
  17. IE8的调试工具使用详解
  18. 官宣:传智播客品牌全新升级为「传智教育」
  19. 校园导航【河北大学】
  20. 三种治疗新冠肺炎中药颗粒获批上市

热门文章

  1. 以外的文件 删除_原来C盘还可以删除这五个文件,难怪电脑越来越卡!
  2. 计算机组成原理唐朔飞课后答案第六章,计算机组成原理第六章部分课后题答案(唐朔飞版)...
  3. elementui 进度条怎么做_小E,Excel中这样的进度条是怎么做出来的?
  4. vue 传参 微信_vue-router 你可能忽略的知识点
  5. js text 和 html,JS DOM innerText和textContent的区别
  6. 计算机网络应用基础论文,计算机网络应用基础概述论文
  7. session mysql登录实现_PHP+MYSQL+MYSQL+SESSION实现用户登录的实例
  8. idle不是python自带的开发工具_Python的开发工具
  9. 远程抄表系统(AMR/AMI)中无线模块选型指南
  10. java hessian rmi_RMI,socket,rpc,hessian,http比较