jquery.validate----身份证号码验证-it论坛-计算机论坛

安哥网络

jquery.validate----身份证号码验证-it论坛-计算机论坛
一、js文件中先写入的文件
$(document).ready(function () {
   jQuery.validator.addMethod("isIdCardNo", function (value, element){
       return this.optional(element) || isIdCardNo(value);
    },"请正确输入您的身份证号码");
});
//增加身份证验证
function isIdCardNo(num) {
    varfactorArr = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5,8, 4, 2, 1);
    varparityBit = new Array("1", "0", "X", "9", "8", "7", "6", "5", "4","3", "2");
    var varArray= new Array();
    varintValue;
    varlngProduct = 0;
    varintCheckDigit;
    varintStrLen = num.length;
    var idNumber= num;
    //initialize
    if((intStrLen != 15) && (intStrLen !=18)) {
       return false;
    }
    // check andset value
    for (i = 0;i < intStrLen; i++) {
       varArray = idNumber.charAt(i);
       if ((varArray < '0' || varArray> '9') && (i != 17)){
           return false;
       } else if (i < 17) {
           varArray = varArray * factorArr;
       }
    }
    if(intStrLen == 18) {
       //check date
       var date8 = idNumber.substring(6, 14);
       if (isDate8(date8) == false) {
           return false;
       }
       // calculate the sum of the products
       for (i = 0; i < 17; i++) {
           lngProduct = lngProduct + varArray;
       }
       // calculate the check digit
       intCheckDigit = parityBit[lngProduct % 11];
       // check last digit
       if (varArray[17] != intCheckDigit) {
           return false;
       }
    }
    else{       //length is 15
       //check date
       var date6 = idNumber.substring(6, 12);
       if (isDate6(date6) == false) {
           return false;
       }
    }
    returntrue;
}
function isDate6(sDate) {
    if(!/^[0-9]{6}$/.test(sDate)) {
       return false;
    }
    var year,month, day;
    year =sDate.substring(0, 4);
    month =sDate.substring(4, 6);
    if (year< 1700 || year > 2500) returnfalse
    if (month< 1 || month > 12) return false
    returntrue
}

function isDate8(sDate) {
    if(!/^[0-9]{8}$/.test(sDate)) {
       return false;
    }
    var year,month, day;
    year =sDate.substring(0, 4);
    month =sDate.substring(4, 6);
    day =sDate.substring(6, 8);
    variaMonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30,31]
    if (year< 1700 || year > 2500) returnfalse
    if (((year %4 == 0) && (year % 100 != 0)) ||(year % 400 == 0)) iaMonthDays[1] = 29;
    if (month< 1 || month > 12) return false
    if (day< 1 || day > iaMonthDays[month - 1])return false
    returntrue
}
二、调用插件后，js添加的代码。
$(function() {
$("#active").validate({
  rules: {
   FMobileNumber:{
    required:true,
    number:true,
    minlength:7
   }
  },
  messages: {
   FMobileNumber:{   
    required:"必须填写",
    number:'请输入正确的手机号,必须为数字',
    minlength:jQuery.format("手机至少包含{0}个字")
   }
  },
  errorPlacement: function(error,element) {
   error.appendTo(element.parent().next().next());
  }
});
});
三、html代码
   <divclass="form-row">
   <spanclass="labeluserfloat"><b>*</b>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</span>
   <spanclass="afterfloat">
    <inputtype="text" id="FullName" class="inputarea userCfloat loginInputrequired" name="FullName" value="<?=set_value('FullName') ?>"/>
    <spanclass="userRfloat">请填写您的真实姓名</span>
    <divclass="clear"></div>
   </span>
   <divclass="clear"></div>
   <spanclass="afterw"></span>
   <divclass="clear"></div>
  </div>
  <divclass="clear"></div>
  <divclass="form-row">
   <spanclass="labeluserfloat"><b>*</b>身&nbsp;份&nbsp;&nbsp;证:</span>
   <spanclass="afterfloat">
    <inputtype="text" id="FIdNumber" class="inputarea userCfloat loginInput{required:true,isIdCardNo:true}"name="FIdNumber" value="<?= set_value('FIdNumber');?>" />
    <spanclass="userRfloat">请您填写真实证件号</span>
    <divclass="clear"></div>
   </span>
   <divclass="clear"></div>
   <spanclass="afterw"></span>
   <divclass="clear"></div>
  </div>
  <divclass="clear"></div>
  <divclass="form-row"> <span class="labeluserfloat"><b>*</b>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
   <select name="FSex" class="inputarea userCfloatloginInput">
     <option value="男"<?phpif(set_value('FSex')=='男'){ ?>selected="selected"<?php }?>>男</option>
     <option value="女"<?phpif(set_value('FSex')=='女'){ ?>selected="selected"<?php }?>>女</option>
   </select>
  </div>
  <divclass="clear"></div>
  <divclass="form-row">
   <spanclass="labeluserfloat"><b>*</b>出生日期:</span>
   <spanclass="afterfloat">
    <inputtype="text" id="FBirthday" onfocus="WdatePicker({maxDate:'2020-10-01', dateFmt:'yyyy-MM-dd'})"class="Wdate inputarea userCfloat loginInput required"name="FBirthday" value="<?= set_value('FBirthday');?>" />
    <spanclass="userRfloat"style="color:red">生日格式：如:1970-02-19</span>
    <divclass="clear"></div>
   </span>
   <divclass="clear"></div>
   <spanclass="afterw"></span>
   <divclass="clear"></div>
  </div>
  <divclass="clear"></div>
  <divclass="form-row">
   <spanclass="labeluserfloat"><b>*</b>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</span>
   <spanclass="afterfloat">
    <inputtype="text" id="FMobileNumber" class="inputarea userCfloatloginInput" name="FMobileNumber" value="<?=set_value('FMobileNumber'); ?>"/>
    <spanclass="userRfloat">密码遗忘或被盗时，可通过手机短信取回</span>
    <divclass="clear"></div>
   </span>
   <divclass="clear"></div>
   <spanclass="afterw"></span>
   <divclass="clear"></div>
  </div>
  <divclass="clear"></div>
  <divclass="form-row">
   <spanclass="labeluserfloat"><b>*</b>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</span>
   <spanclass="afterfloat">
    <inputtype="text" id="FEMail" class="inputarea userCfloat loginInputrequired email" name="FEMail" value="<?=set_value('FEMail'); ?>" />
    <spanclass="userRfloat">密码遗忘或被盗时，可通过邮箱取回</span>
    <divclass="clear"></div>
   </span>
   <divclass="clear"></div>
   <spanclass="afterw"></span>
   <divclass="clear"></div>
  </div>
  <divclass="clear"></div>
  <divclass="form-row">
   <spanclass="labeluserfloat">QQ&nbsp;号&nbsp;码:</span>
   <inputtype="text" id="FQQ" class="inputarea userCfloat loginInput"name="FQQ" value="<?= set_value('FQQ');?>" />
   <divclass="clear"></div>
  </div>
本文摘自：http://blog.sina.com.cn/s/blog_50e3a8e601015613.html