jquery表单验证-白红宇

jquery表单验证

阅读量：6833 次

发布时间：2019-06-26

本文共 11337 字，大约阅读时间需要 37 分钟。

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

顺便吐槽星期六前端群里的出来面基了，宅毛线，出来(｡･∀･)ﾉﾞ嗨

//表单验证基于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-10clsIDCard.prototype.GetBirthDate = function() {  var BirthDate = '';  if (this.Valid)    BirthDate = this.GetBirthYear() + '-' + this.GetBirthMonth() + '-'        + this.GetBirthDay();  return BirthDate;}// 返回生日中的年，格式如下，1981clsIDCard.prototype.GetBirthYear = function() {  var BirthYear = '';  if (this.Valid)    BirthYear = this.ID18.substr(6, 4);  return BirthYear;}// 返回生日中的月，格式如下，10clsIDCard.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;}// 返回生日中的日，格式如下，10clsIDCard.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()    }      });});