微信小程序身份证手机号 空格分离展示

image.png

相对来说，比较简单，复制就可以用。

手机号 加空格

wxml
      {{phonebg}}
      

js
  setPhoneNumber: function (event) {

  
    if (event.detail.keyCode === 8){
      this.setData({
        phonekG: value,
      })
      return;
    } 

    if (value.length == 3 || value.length == 8) {
      value+=' ';
      this.setData({
        phonekG:value
      })
    }

    this.setData({
      phoneNumber: this.removeSpace(value),
      phonebg:value,
      phonekG: value
    })

}

/* 公共方法 去掉所有空格*/
phonekG= (str)=>{
  return str.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3');
}

身份证 加空格

wxml
      
      
js

  IDCar: function (event) {
    let idCarValue = event.detail.value;
    let cridarr=this.cridarr(idCarValue);//身份证空格隔开
    console.log(cridarr)
    if (idCarValue){
      idCarValue = idCarValue.toUpperCase();
    }

    //身份证清空
    if (event.detail.keyCode === 8) {
      this.setData({
        valueIDCar:'',
      })
      return;
    } 

    this.setData({
      idCar_number: Util.removeSpace(idCarValue),//去掉所有空格
      cridarr:cridarr,//身份证前端展示， 年月日隔开
    })
  }


//公共方法 js去空格
cridarr =(strArr)=>{
  if(strArr.length >= 18){
  let ParticularYear = strArr.substring(0, 10);
  let Birth = strArr.substring(10, 14);
  let FourPlace = strArr.substring(14, 18);
  let sfzjh = ParticularYear + ' ' + Birth + ' ' + FourPlace;
  return ParticularYear + ' ' + Birth + ' ' + FourPlace;
  }
}