管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

jquery validation验证身份证号,护照,电话号码,email(实例代码)

　　validata.htm

　　

复制代码 代码如下:

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　<html xmlns="http://www.w3.org/1999/xhtml">

　　<head>

　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

　　<!-- TemplateBeginEditable name="doctitle" -->

　　<title>无标题文档</title>

　　<script src="lib/jquery.js" type="text/javascript"></script>

　　<script src="lib/jquery.validate.js" type="text/javascript"></script>

　　<script src="lib/card.js" type="text/javascript"></script>

　　<script src="lib/validata.js" type="text/javascript"></script>

　　<style type="text/css">

　　em.success{

　　background:url("images/tips_arrow.gif") no-repeat left 0px;

　　padding-left:16px;

　　margin-left:2px;

　　}

　　em.error{

　　background:url("images/tips_arrow.gif") no-repeat left -51px;

　　display:inline;

　　padding-left:10px;

　　font-style:normal;

　　font-size:11px;

　　margin-left:2px;

　　font-family:12px/162% Arial, Helvetica, sans-serif;

　　}

　　</style>

　　</head>

　　<body>

　　<form class="cmsform" id="commentForm" method="get" action="">

　　<p>

　　<label for="cusername">姓名</label><em>*</em>

　　<input id="cusername" name="username" size="25" />

　　</p>

　　<p>

　　<label for="cemail">电子邮件</label><em>*</em>

　　<input id="cemail" name="email" size="25" />

　　</p>

　　<p>

　　<label for="card">身份证号</label><em>*</em>

　　<input id="card" name="card" size="25"/>

　　</p>

　　<p>

　　<label for="passport">护照编号</label><em>*</em>

　　<input id="passport" name="passport" size="25"/>

　　</p>

　　<p>

　　<label for="phone">电话号码</label><em>*</em>

　　<input id="phone" name="phone" size="25" />

　　</p>

　　</form>

　　</body>

　　</html>

　　validata.js

　　

复制代码 代码如下:

　　$(function(){

　　$.validator.setDefaults({

　　submitHandler: function(form) {

　　form.submit();

　　}

　　});

　　// 字符验证

　　jQuery.validator.addMethod("stringCheck", function(value, element) {

　　return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);

　　}, "只能包括中文字、英文字母、数字和下划线");

　　// 中文字两个字节

　　jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {

　　var length = value.length;

　　for(var i = 0; i < value.length; i++){

　　if(value.charCodeAt(i) > 127){

　　length++;

　　}

　　}

　　return this.optional(element) || ( length >= param[0] && length <= param[1] );

　　}, "请确保输入的值在3-15个字节之间(一个中文字算2个字节)");

　　// 身份证号码验证

　　jQuery.validator.addMethod("isIdCardNo", function(value, element) {

　　return this.optional(element) || idCardNoUtil.checkIdCardNo(value);

　　}, "请正确输入您的身份证号码");

　　//护照编号验证

　　jQuery.validator.addMethod("passport", function(value, element) {

　　return this.optional(element) || checknumber(value);

　　}, "请正确输入您的护照编号");

　　// 手机号码验证

　　jQuery.validator.addMethod("isMobile", function(value, element) {

　　var length = value.length;

　　var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;

　　return this.optional(element) || (length == 11 && mobile.test(value));

　　}, "请正确填写您的手机号码");

　　// 电话号码验证

　　jQuery.validator.addMethod("isTel", function(value, element) {

　　var tel = /^\d{3,4}-?\d{7,9}$/; //电话号码格式010-12345678

　　return this.optional(element) || (tel.test(value));

　　}, "请正确填写您的电话号码");

　　// 联系电话(手机/电话皆可)验证

　　jQuery.validator.addMethod("isPhone", function(value,element) {

　　var length = value.length;

　　var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;

　　var tel = /^\d{3,4}-?\d{7,9}$/;

　　return this.optional(element) || (tel.test(value) || mobile.test(value));

　　}, "请正确填写您的联系电话");

　　// 邮政编码验证

　　jQuery.validator.addMethod("isZipCode", function(value, element) {

　　var tel = /^[0-9]{6}$/;

　　return this.optional(element) || (tel.test(value));

　　}, "请正确填写您的邮政编码");

　　//开始验证

　　$('#commentForm').validate({

　　rules: {

　　username: {

　　required:true,

　　stringCheck:true,

　　byteRangeLength:[3,15]

　　},

　　email:{

　　required:true,

　　email:true

　　},

　　phone:{

　　required:true,

　　isMobile:true

　　},

　　address:{

　　required:true,

　　stringCheck:true,

　　byteRangeLength:[3,100]

　　},

　　card:{

　　required:true,

　　isIdCardNo:true

　　},

　　passport:{

　　required:true,

　　passport:true

　　}

　　},

　　messages:{

　　username: {

　　required: "请填写用户名",

　　stringCheck: "用户名只能包括中文字、英文字母、数字和下划线",

　　byteRangeLength: "用户名必须在3-15个字符之间(一个中文字算2个字符)"

　　},

　　email:{

　　required: "<font color=red>请输入一个Email地址</fond>",

　　email: "请输入一个有效的Email地址"

　　},

　　phone:{

　　required: "请输入您的联系电话",

　　isPhone: "请输入一个有效的联系电话"

　　},

　　address:{

　　required: "请输入您的联系地址",

　　stringCheck: "请正确输入您的联系地址",

　　byteRangeLength: "请详实您的联系地址以便于我们联系您"

　　},

　　card:{

　　required:"请输入身份证号",

　　isIdCardNo:"请输入正确的身份证号"

　　},

　　passport:{

　　required:"请输入护照编号",

　　passport:"请输入正确的护照编号"

　　}

　　},

　　focusInvalid: false,

　　onkeyup: false,

　　errorPlacement: function(error, element) {

　　error.appendTo( element.parent());

　　},

　　errorElement:"em",

　　error:function(label){label.text(" ").addClass("error");}

　　});

　　})

　　card.js

　　

复制代码 代码如下:

　　var idCardNoUtil = {

　　provinceAndCitys: {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:"国外"},

　　powers: ["7","9","10","5","8","4","2","1","6","3","7","9","10","5","8","4","2"],

　　parityBit: ["1","0","X","9","8","7","6","5","4","3","2"],

　　genders: {male:"男",female:"女"},

　　checkAddressCode: function(addressCode){

　　var check = /^[1-9]\d{5}$/.test(addressCode);

　　if(!check) return false;

　　if(idCardNoUtil.provinceAndCitys[parseInt(addressCode.substring(0,2))]){

　　return true;

　　}else{

　　return false;

　　}

　　},

　　checkBirthDayCode: function(birDayCode){

　　var check = /^[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))$/.test(birDayCode);

　　if(!check) return false;

　　var yyyy = parseInt(birDayCode.substring(0,4),10);

　　var mm = parseInt(birDayCode.substring(4,6),10);

　　var dd = parseInt(birDayCode.substring(6),10);

　　var xdata = new Date(yyyy,mm-1,dd);

　　if(xdata > new Date()){

　　return false;//生日不能大于当前日期

　　}else if ( ( xdata.getFullYear() == yyyy ) && ( xdata.getMonth () == mm - 1 ) && ( xdata.getDate() == dd ) ){

　　return true;

　　}else{

　　return false;

　　}

　　},

　　getParityBit: function(idCardNo){

　　var id17 = idCardNo.substring(0,17);

　　var power = 0;

　　for(var i=0;i<17;i++){

　　power += parseInt(id17.charAt(i),10) * parseInt(idCardNoUtil.powers[i]);

　　}

　　var mod = power % 11;

　　return idCardNoUtil.parityBit[mod];

　　},

　　checkParityBit: function(idCardNo){

　　var parityBit = idCardNo.charAt(17).toUpperCase();

　　if(idCardNoUtil.getParityBit(idCardNo) == parityBit){

　　return true;

　　}else{

　　return false;

　　}

　　},

　　checkIdCardNo: function(idCardNo){

　　//15位和18位身份证号码的基本校验

　　var check = /^\d{15}|(\d{17}(\d|x|X))$/.test(idCardNo);

　　if(!check) return false;

　　//判断长度为15位或18位

　　if(idCardNo.length==15){

　　return idCardNoUtil.check15IdCardNo(idCardNo);

　　}else if(idCardNo.length==18){

　　return idCardNoUtil.check18IdCardNo(idCardNo);

　　}else{

　　return false;

　　}

　　},

　　//校验15位的身份证号码

　　check15IdCardNo: function(idCardNo){

　　//15位身份证号码的基本校验

　　var check = /^[1-9]\d{7}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}$/.test(idCardNo);

　　if(!check) return false;

　　//校验地址码

　　var addressCode = idCardNo.substring(0,6);

　　check = idCardNoUtil.checkAddressCode(addressCode);

　　if(!check) return false;

　　var birDayCode = '19' + idCardNo.substring(6,12);

　　//校验日期码

　　return idCardNoUtil.checkBirthDayCode(birDayCode);

　　},

　　//校验18位的身份证号码

　　check18IdCardNo: function(idCardNo){

　　//18位身份证号码的基本格式校验

　　var check = /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/.test(idCardNo);

　　if(!check) return false;

　　//校验地址码

　　var addressCode = idCardNo.substring(0,6);

　　check = idCardNoUtil.checkAddressCode(addressCode);

　　if(!check) return false;

　　//校验日期码

　　var birDayCode = idCardNo.substring(6,14);

　　check = idCardNoUtil.checkBirthDayCode(birDayCode);

　　if(!check) return false;

　　//验证校检码

　　return idCardNoUtil.checkParityBit(idCardNo);

　　},

　　formateDateCN: function(day){

　　var yyyy =day.substring(0,4);

　　var mm = day.substring(4,6);

　　var dd = day.substring(6);

　　return yyyy + '-' + mm +'-' + dd;

　　},

　　//获取信息

　　getIdCardInfo: function(idCardNo){

　　var idCardInfo = {

　　gender:"", //性别

　　birthday:"" // 出生日期(yyyy-mm-dd)

　　};

　　if(idCardNo.length==15){

　　var aday = '19' + idCardNo.substring(6,12);

　　idCardInfo.birthday=idCardNoUtil.formateDateCN(aday);

　　if(parseInt(idCardNo.charAt(14))%2==0){

　　idCardInfo.gender=idCardNoUtil.genders.female;

　　}else{

　　idCardInfo.gender=idCardNoUtil.genders.male;

　　}

　　}else if(idCardNo.length==18){

　　var aday = idCardNo.substring(6,14);

　　idCardInfo.birthday=idCardNoUtil.formateDateCN(aday);

　　if(parseInt(idCardNo.charAt(16))%2==0){

　　idCardInfo.gender=idCardNoUtil.genders.female;

　　}else{

　　idCardInfo.gender=idCardNoUtil.genders.male;

　　}

　　}

　　return idCardInfo;

　　},

　　getId15:function(idCardNo){

　　if(idCardNo.length==15){

　　return idCardNo;

　　}else if(idCardNo.length==18){

　　return idCardNo.substring(0,6) + idCardNo.substring(8,17);

　　}else{

　　return null;

　　}

　　},

　　getId18: function(idCardNo){

　　if(idCardNo.length==15){

　　var id17 = idCardNo.substring(0,6) + '19' + idCardNo.substring(6);

　　var parityBit = idCardNoUtil.getParityBit(id17);

　　return id17 + parityBit;

　　}else if(idCardNo.length==18){

　　return idCardNo;

　　}else{

　　return null;

　　}

　　}

　　};

　　//验证护照是否正确

　　function checknumber(number){

　　var str=number;

　　//在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号

　　var Expression=/(P\d{7})|(G\d{8})/;

　　var objExp=new RegExp(Expression);

　　if(objExp.test(str)==true){

　　return true;

　　}else{

　　return false;

　　}

　　};

教程首页 更多教程