微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React 实现 身份证15位转18位

代码

import React,{Component} from 'react';
    import './list.less';
    export default class IDcard extends  Component {
      constructor(props) {
       super(props);
       this.state = {
       newID:'',oldID:'',}
    }
      onChange(key,e,value) {
        this.setState({oldID:e.target.value});
      }
      
      onClick(){
        let v = new Array();
        let vs = '10X98765432';
        v.push(2,4,8,5,10,9,7,3,6,1,2,7)
        let oldID=this.state.oldID
        if(oldID.length !==15){
          alert("请输入15位你的身份证号码!");
          return;
        }
        let month = oldID.substring(8,10);
        if (!this.checkMonth(month)){
          alert("你输入的身份证格式不正确,月份填写错误!")
          return;
        }
    
        let year = "19" + oldID.substring(6,8);
        let day = oldID.substring(10,12);
        if(!this.checkDay(year,month,day)){
          alert("你输入的身份证的个格式不正确,日期格填写错误");
          return;
        }
    
        let cardID17 = oldID.substring(0,6)+"19"+oldID.substring(6);
        let N = 0,R = -1,T = '0',j = 0,cardID18='';
        
        for (var i = 16;i >=0;i--){
          N += parseInt(cardID17.substring(i,i+1))*v[j];
          j++;
        }
        R = N % 11;
        T = vs.charat(R)
        cardID18 = cardID17 + T;
        this.setState({newID:cardID18})
    
      }
    
      checkMonth(month){
        if (month<1 || month >12){
          return false;
        }
        return true;
      }
      
      checkDay(year,day){
        let Mday = 0;
        if(day<1 || day>31){
          return false;
        }
        if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)  Mday =31;
        if(month==4||month==6||month==9||month==11) Mday = 30;
        if(month===2) Mday = this.isLeapYear(year);
        if(day>Mday) return false;
        return true
      }
    
      isLeapYear(year){
        return (year % 4 === 0 && year % 100 !==0) || (year % 400 === 0)
      }
    
      render(){
        return(
          <div>
            15位号码:<input className='normal'  name='oldID' value={this.state.oldID} onChange={this.onChange.bind(this,'oldID')}/>
                <br/>
                <br/>
            18位号码:<input className='normal'   value={this.state.newID}/>
                <br/>
                <br/>
            <input type='button'   value='转换' onClick={this.onClick.bind(this)}/>
          </div>
        )
      }
    }
 `

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐