React 实现 身份证15位转18位

前端之家收集整理的这篇文章主要介绍了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>
        )
      }
    }
 `

猜你在找的React相关文章