微信小程序输入手机号码自动加空格

 有问题可以扫码加我微信，有偿解决问题。承接小程序开发。

微信小程序开发交流qq群   173683895  、 526474645 ；

正文：

以手机号码 17610241271 为例，示例效果图：

实现代码：

直接赋值或者用户输入时：自动添加空格的公共函数：

  // 手机号码自动添加空格
  kongge_string:function(e){
    var kongge_phone = e.replace(/\s*/g, "");
    var result = [];
    for (var i = 0; i < kongge_phone.length; i++) {
      if (i == 3 || i == 7) {
        result.push(" " + kongge_phone.charAt(i));
      }
      else {
        result.push(kongge_phone.charAt(i));
      }
    }
    kongge_phone = result.join("");
    this.setData({
      kongge_phone: kongge_phone
    })
  },

调用方法示例：

  <input placeholder="请输入手机号" type='number' bindinput='top_phone_input'  value='{{kongge_phone}}'></input>


// 手机号码输入框值变动事件
  top_phone_input: function(e) {
    var phone = e.detail.value;
    console.log(phone)
    this.kongge_string(phone);
  },

得出结果：