react手机号码344格式分割

思路：

监听事件，每次号码发生改变时触发
大体的逻辑是：先比较号码变化前后的长度，判断是输入还是删除，如果是输入的话，利用正则表达式改变号码格式。

html:

<input type="tel" maxLength={13} placeholder='请输入手机号' onChange{this.change.bind(this)} >

监听：

change(ev: any) {ev.target.value = ev.target.value.replace(/\s+/g, "");if (ev.target.value.length > 3 && ev.target.value.length < 8) {ev.target.value = ev.target.value.replace(/^(\d{3})/g, "$1 ");} else if (ev.target.value.length >= 8 && ev.target.value.length < 12) {ev.target.value = ev.target.value.replace(/^(\d{3})(\d{4})/g, "$1 $2 ");}this.phone = ev.target.value;
}

react手机号码344格式分割相关推荐

JavaScript实现手机号码 3-4-4格式,并控制新增和删除时光标的位置
JavaScript实现手机号码 3-4-4格式手机号实现3-4-4格式相对来说还是比较简单的,监听input事件,实时的获取手机号码,然后根据手机号码的长度做截取和拼接的操作,即可实现手机格式的处 ...
react 电话344格式
主要思路: 监听事件,每次号码发生改变时触发大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除,如果是输入的话,利用正则表达式改变号码格式. 废话不多,上代码: html: <inpu ...
手机号码为344格式
// 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g) function trim(str, is_global) {var result;result = str.replace(/( ...
电话号码344格式，修改也保持344格式
电话号码344格式,修改也保持344格式 <script type="text/javascript" src="javascripts/jquery-1.7.2. ...
我国大陆运营商的手机号码标准格式为：国家码+手机号码，例如：8613912345678。特点如下： 1、长度13位； 2、以86的国家码打头； 3、手机号码的每一位都是数字。
我国大陆运营商的手机号码标准格式为:国家码+手机号码,例如:8613912345678.特点如下: 1. 长度13位: 2. 以86的国家码打头: 3. 手机号码的每一位都是数字. 请实现手机号码合法 ...
用 JS空格分隔手机号码 334格式
用 JS空格分隔手机号码 334格式 let mobile_phone= '12345678912' let res = mobile_phone.replace(/^(.{3})(.*)(.{4}) ...
※ 将一个txt文档按\n格式分割成多个txt
※ 将一个txt文档按\n格式分割成多个txt 原始文档格式为: # -*- coding: utf-8 -*- """ Created on Mon May 20 15 ...
js基础 - 正则表达式的详细介绍以及电子邮件、手机号码的格式举例
正则表达式什么是正则表达式正则表达式的创建正则表达式的语法字符串结合正则表达式的使用(重点) 电子邮箱和手机号码的格式测试一.什么是正则表达式正则表达式用于定义一些字符串的规则,计算机可以 ...
正则表达式电子邮件和手机号码的格式检测
正则表达式详细介绍https://blog.csdn.net/qq_41604269/article/details/83541334 电子邮件 - 电子邮件组成部分: as15_asd.fb ...

react手机号码344格式分割

思路：

react手机号码344格式分割相关推荐

最新文章

热门文章