react 电话344格式

主要思路：

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

废话不多，上代码：

html:

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

react 代码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格式相关推荐

react手机号码344格式分割
思路: 监听事件,每次号码发生改变时触发大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除,如果是输入的话,利用正则表达式改变号码格式. html: <input type=" ...
电话号码344格式，修改也保持344格式
电话号码344格式,修改也保持344格式 <script type="text/javascript" src="javascripts/jquery-1.7.2. ...
手机号码为344格式
// 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g) function trim(str, is_global) {var result;result = str.replace(/( ...
JavaScript实现手机号码 3-4-4格式,并控制新增和删除时光标的位置
JavaScript实现手机号码 3-4-4格式手机号实现3-4-4格式相对来说还是比较简单的,监听input事件,实时的获取手机号码,然后根据手机号码的长度做截取和拼接的操作,即可实现手机格式的处 ...
输入手机号码自动填充空格变成3-4-4格式
电话号码3-4-4格式实现方式在最近的开发中遇到将电话号码展示成3-4-4格式的需求(如:132 2222 3333这样子),乍一看这个要求挺简单的,因为只需要在满足长度的字符串固定位置加上相应的空 ...
react 创建组件
解析React 方法一.使用webpack 在package.json添加 "dependencies": {"react": "^0.14.0&qu ...
C#通用验证类:邮箱,电话,手机,数字,英文,日期,身份证,邮编,网址,IP
本文原创版权归柳永法所有,转载请标明原创作者,以示尊重! 一转:http://www.cnblogs.com/KissFly/archive/2010/11/23/1885254.html nam ...
验证网址，IP，邮箱，电话，手机，数字，英文，日期，身份证，邮编
验证网址,IP,邮箱,电话,手机,数字,英文,日期,身份证,邮编 public class Validator{#region 验证邮箱 <summary>/// 验证邮箱/// < ...
如何使用Google Analytics自定义转化事件跟踪电话和邮件事件？
如果你想要跟踪用户在页面上的点击动作,使用GTM是最简单的做法,两段代码就可以统计到所有点击事件.但是有些网站拒绝安装GTM代码,同时又想要跟踪电话.邮件等点击事件,可以实现吗? 答案是肯定的,下面分 ...

react 电话344格式

react 电话344格式相关推荐

最新文章

热门文章