jquery表单验证
无聊的我今天竟然无聊到又去写表单验证了
顺便吐槽星期六前端群里的出来面基了,宅毛线,出来(。・∀・)ノ゙嗨
//表单验证基于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表单验证相关推荐
- 一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网 ...
- 轻量级的jQuery表单验证插件 - HAPPY.js
为什么80%的码农都做不了架构师?>>> 日期:2012-9-14 来源:GBin1.com 在线演示 本地下载 功能强大的表单验证插件很多,以前我们介绍过validati ...
- JQuery 表单验证--jquery validation
jquery validation,表单验证控件 官方地址 :http://jqueryvalidation.org/ jquery表单验证 默认值校验规则 jquery表单验证 默认的提示 1 &l ...
- jQuery 表单验证插件,jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
- php表单确认密码,jQuery表单验证之密码确认实例详解
本文主要为大家详细介绍了jQuery表单验证之密码确认的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 众所周知,在修改密码时会需要两次输入密码.这时如何确保两个密码框 ...
- jQuery框架学习第十一天:实战jQuery表单验证及jQuery自动完成提示插件
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQ ...
- jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
- jQuery 表单验证设置html(,jquery表单验证
如何用jquery进行表单验证 (1)所需工具: jQuery.1.8.3.js和jquery.validate.js,百度jquery validate插件即可找到下载 (2)引入js (3)按照插 ...
- 12个方便易用的jquery表单验证插件
绝大部分网站都是开放注册的,而注册就需要使用表单验证,因为网站都需要对注册用户的信息安全性和合理性做出判断,表单的注册都应该具备完善的验证方式,比如注册使用的手机号是否是真实的?用户填写的验证码是否正 ...
- jQuery表单验证实例 / 包含用户名、密码、住址、邮箱验证
jQuery表单验证实例 / 包含用户名.密码.住址.邮箱验证 如下图 别忘了引入jQuery框架!!! 话不多说直接先上jQuery部分代码: <script type="text/ ...
最新文章
- (转)二叉树系列面试问题
- 强连通分量的分解(转博客园)
- 高性能日志框架 Log4a 原理分析
- 牛客 - 完全图(二分)
- 从金庸的武侠到数学的江湖
- matlab保存格式可以用cad打开文件,怎么将TXT文件导入CAD中生成图形
- 三维家可以导入别人的方案吗_三维家精准赋能月兔家居打通前后端一体化,以时间匠空间!...
- 白萝卜梨汤止咳防感冒
- 父与子python下载不了_python3-父与子的编程之旅安装pygame出现的问题
- 色谱计算机常用英文,色谱术语的常用中英文对照
- Arthas线上问题定位神器
- 你是哪种类型的代码斗士
- 【每日最爱一句】2013.07.10
- 某年的第几个月或第几个周换算为具体的日期 -- vue
- 高校BBS最HOT的100个笑话(不看保证后悔终身)
- 自回归滞后模型进行多变量时间序列预测
- IE8的调试工具使用详解
- 官宣:传智播客品牌全新升级为「传智教育」
- 校园导航【河北大学】
- 三种治疗新冠肺炎中药颗粒获批上市
热门文章
- 以外的文件 删除_原来C盘还可以删除这五个文件,难怪电脑越来越卡!
- 计算机组成原理唐朔飞课后答案第六章,计算机组成原理第六章部分课后题答案(唐朔飞版)...
- elementui 进度条怎么做_小E,Excel中这样的进度条是怎么做出来的?
- vue 传参 微信_vue-router 你可能忽略的知识点
- js text 和 html,JS DOM innerText和textContent的区别
- 计算机网络应用基础论文,计算机网络应用基础概述论文
- session mysql登录实现_PHP+MYSQL+MYSQL+SESSION实现用户登录的实例
- idle不是python自带的开发工具_Python的开发工具
- 远程抄表系统(AMR/AMI)中无线模块选型指南
- java hessian rmi_RMI,socket,rpc,hessian,http比较