微信小程序手机号输入3和7位空格，删除时删除空格

最新推荐文章于 2024-08-06 14:26:07 发布

原创

最新推荐文章于 2024-08-06 14:26:07 发布 · 707 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何在微信小程序中实现手机号输入时自动插入3和7位空格，以及在用户删除号码时正确处理空格的问题，确保用户界面显示格式一致。

onPhoneChange({
   
   
    detail
  }){
   
   
   
    let old_val=this.data.form.phone
    let val=detail.value
    this.setData({
   
   
      form:{
   
   
        phone: this.getSpaceval(old_val,val),
      }
    })
  },
  getSpaceval(old_val,val){
   
   
    let is_add=false
    is_add = val.length > old_val.length
      if (is_add) {
   
   //判断是添加还是删