js将手机号分为3 4 4样式展示

最新推荐文章于 2024-05-17 13:52:13 发布

Raken12

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量544

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/Raken12/article/details/126725316

版权

formatPhone(mobile) {
            let value = mobile.replace(/\D/g, "").substring(0, 11);
            let valueLen = value.length;
            if (valueLen > 3 && valueLen < 8) {
                value = value.replace(/^(...)/g, "$1 ");
            } else if (valueLen >= 8) {
                value = value.replace(/^(...)(....)/g, "$1 $2 ");
            }
            return value;
        },
        //直接调用formatPhone即可

watch监听

'form.userPhone': {
      handler(newVal) {
        if (newVal) {
          if (newVal.length >= 13) {
            this.form.userPhone = this.form.userPhone.slice(0, 13);
            return;
          }
          newVal = newVal.toString();
          if (newVal.indexOf(' ') >= 0) {
            newVal = newVal.replace(/\s+/g, '');
          }
          if (newVal.length > 3 && newVal.length < 8) {
            newVal = newVal.replace(/^(\d{3})/g, '$1 ');
          } else if (newVal.length >= 8 && newVal.length < 12) {
            newVal = newVal.replace(/^(\d{3})(\d{4})/g, '$1 $2 ');
          }
          this.form.userPhone = newVal;
          if (newVal.length != 13) {
            this.haveNoPhone = true;
          } else {
            this.haveNoPhone = false;
          }
        }
        return newVal;
      },
      deep: true,
    },
  },