vue输入框手机号344格式化

    选择打赏方式

本站已不再更新,最新资源请前往zcjun.com获取!

下面是uni-app的例子

<input class="uni-input" type="number" maxlength="11" @input="formatPhoneNum" v-model="phone" placeholder-class="inputPla" placeholder="请输入手机号码" />



methods: {
			formatPhoneNum(e) {
				let phoneNum = this.phone.trim();
				//如果是删除按键,则什么都不做
				if (e.detail.keyCode === 8) {
					this.phone = phoneNum;
					return;
				}

				let len = phoneNum.length;
				if (len === 3 || len === 8) {
					phoneNum += ' ';
					this.phone = phoneNum;

				}
			},
   //其他方法
   formatPhoneOnkeyUp(mobile){
			    var value = mobile.replace(/\D/g, '').substring(0, 11);
			    var valueLen = value.length;
			    if (valueLen > 3 && valueLen < 8) {
			          value = `${value.substr(0, 3)} ${value.substr(3)}`;
			    } else if (valueLen >= 8) {
			          value = `${value.substr(0, 3)} ${value.substr(3, 4)} ${value.substr(7)}`;
			    }
			    this.phone = value
			},
		},

版权声明:若无特殊注明,本文皆为《 子成君 》原创,转载请保留文章出处。
本文链接:vue输入框手机号344格式化 https://old.zcjun.com/learn/544.html
百度收录:本文已被百度收录点击查看详情!
本文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

爱你允悲悲伤吃惊委屈可怜憧憬吃瓜大哭开心坏笑笑哭哼打哈欠鼓掌乖嘘阴险日了狗费解挤眼滑稽666比心


既然没有吐槽,那就赶紧抢沙发吧!