zoukankan      html  css  js  c++  java
  • js身份证号码验证(小程序版)

    参考知乎专栏文章https://zhuanlan.zhihu.com/p/22949023

    <view class='bgw'>
      <form>
    ......
        <view class='ipt-wrapper'>
          <view class='ipt-l'>身份证</view>
          <view class='ipt-r'>
            <input type='text' placeholder='请输入您的身份证号' name="idcard" value='{{idcard}}' bindinput="bindIdcard"/>
            <image src='{{icon}}' class='right-arrow'></image>
          </view>
        </view>
      .....
      </form>
    </view>
    <view class='submit' bindtap='submit'>提交预约</view>
    <!-- 弹出层 -->
    <view class='mask' wx:if="{{maskState}}" bindtap='hidelayer'></view>
    <!-- 表单出错 -->
    <view class='layer' wx:if="{{warnState}}"> 
      <image src='{{excitedicon}}' class='infoicon'></image>
      <view class='info'>{{errorinfo}}</view>
      <view class='btn-small' bindtap='hidelayer'>好的</view>
    </view>
    ....
    var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];    // 加权因子   
    var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2]; 
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        name: '',
        phone: '',
        idcard: '',
        errorinfo: '',
        maskState: false,
        warnState: false,
    
      },
      // 关闭弹出层
      hidelayer:function(){
        this.setData({
          maskState: false,
          warnState: false,
          errState: false,
          okState: false
        })
      },
      // 表单提交
      submit:function(){
        var  idcard = this.data.idcard;
        var reg = /^1d{10}$/;
    
        if (this.isBlank(idcard)) {
          this.setData({
            maskState: true,
            warnState: true,
            errorinfo: '身份证号不能为空'
          })
          return
        }
        if (!this.IdCardValidate(idcard)){
          this.setData({
            maskState: true,
            warnState: true,
            errorinfo: '身份证号格式错误'
          })
          return
        }
        
        
        
      },
      IdCardValidate:function (idCard) { 
        idCard = this.trim(idCard.replace(/ /g, ""));               //去掉字符串头尾空格                     
        if(idCard.length == 15) {
          return this.isValidityBrithBy15IdCard(idCard);       //进行15位身份证的验证    
        } else if (idCard.length == 18) {
          var a_idCard = idCard.split("");                // 得到身份证数组   
          if (this.isValidityBrithBy18IdCard(idCard) && this.isTrueValidateCodeBy18IdCard(a_idCard)) {   //进行18位身份证的基本验证和第18位的验证
            return true;
          } else {
            return false;
          }
        } else {   
          return false;   
        }
      },
    /**  
     * 判断身份证号码为18位时最后的验证位是否正确  
     * @param a_idCard 身份证号码数组  
     * @return  
     */  
    isTrueValidateCodeBy18IdCard:function(a_idCard) {
        var sum = 0;                             // 声明加权求和变量   
        if (a_idCard[17].toLowerCase() == 'x') {
          a_idCard[17] = 10;                    // 将最后位为x的验证码替换为10方便后续操作   
        }
        for (var i = 0; i < 17; i++) {
          sum += Wi[i] * a_idCard[i];            // 加权求和   
        }
        var valCodePosition = sum % 11;                // 得到验证码所位置   
        if (a_idCard[17] == ValideCode[valCodePosition]) {
          return true;
        } else {
          return false;
        }
      },
    /**  
      * 验证18位数身份证号码中的生日是否是有效生日  
      * @param idCard 18位书身份证字符串  
      * @return  
      */  
    isValidityBrithBy18IdCard:function (idCard18) {
        var year = idCard18.substring(6, 10);
        var month = idCard18.substring(10, 12);
        var day = idCard18.substring(12, 14);
        var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
        // 这里用getFullYear()获取年份,避免千年虫问题   
        if (temp_date.getFullYear() != parseFloat(year)
          || temp_date.getMonth() != parseFloat(month) - 1
          || temp_date.getDate() != parseFloat(day)) {
          return false;
        } else {
          return true;
        }
      },
      /**  
       * 验证15位数身份证号码中的生日是否是有效生日  
       * @param idCard15 15位书身份证字符串  
       * @return  
       */  
      isValidityBrithBy15IdCard:function (idCard15) {
        var year = idCard15.substring(6, 8);
        var month = idCard15.substring(8, 10);
        var day = idCard15.substring(10, 12);
        var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
        // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法   
        if (temp_date.getYear() != parseFloat(year)
          || temp_date.getMonth() != parseFloat(month) - 1
          || temp_date.getDate() != parseFloat(day)) {
          return false;
        } else {
          return true;
        }
      },
      //去掉字符串头尾空格   
      trim:function (str) {
        return str.replace(/(^s*)|(s*$)/g, "");
      },
      // 判断是否为空
      isBlank:function(_value) {
        if (_value == null || _value == "" || _value == undefined) {
          return true;
        }
        return false;
      },
      bindIdcard: function (e) {
        this.setData({
          idcard: e.detail.value
        })
      },
     
    
     
      
    })
  • 相关阅读:
    3D Bezier Curve, Matlab Code
    Matlab Bezier
    python与matlab混合编程
    Matlab P文件——加快Matlab程序,保护你的算法(z)
    Simens NX (原UG)内部代码逆向分析 / Inner code Reverse analysis of NX software
    Matlab扩展编程
    《数值分析及其MATLAB实现》(任玉杰)扫描版[PDF]
    NURBS Toolbox by D.M. Spink (matlab)
    贝塞尔曲线
    BSpline & NURBS (Matlab Code)
  • 原文地址:https://www.cnblogs.com/liyinSakura/p/7524512.html
Copyright © 2011-2022 走看看