react 电话344格式

news/2024/11/17 12:44:48/

 

主要思路:

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

废话不多,上代码:

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;}


http://www.ppmy.cn/news/539686.html

相关文章

【LeetCode】344、387、242

反转字符串 /*** param {character[]} s* return {void} Do not return anything, modify s in-place instead.*/ var reverseString function (s) {const len Math.floor(s.length / 2);for (let i 0; i < len; i) {const temp s[s.length - i - 1];s[s.length - i - …

力扣334.反转字符串(双指针法,C++STL)

344. 反转字符串 题目描述&#xff1a; 编写一个函数&#xff0c;其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 不要给另外的数组分配额外的空间&#xff0c;你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 示例1️⃣&#xff1a; 输…

leetcode--344. 反转字符串

leetcode–344. 反转字符串 题目链接&#xff1a; leetcode344 题目描述 编写一个函数&#xff0c;其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。不要给另外的数组分配额外的空间&#xff0c;你必须原地修改输入数组、使用 O(1) 的额外空间解决…

【leetcode】344. 反转字符串

目录标题 算法汇总题目题目字眼代码1.双指针思路代码时间和空间复杂度 2.解题方法&#xff0c;如暴力法思路代码时间和空间复杂度 算法汇总 以下是所有算法汇总&#xff0c;包括GitHub源码地址链接&#xff1a;力扣算法练习汇总&#xff08;持续更新…&#xff09; 题目 34…

449B

B. Chthollys request time limit per test 2 seconds memory limit per test 256 megabytes input standard input output standard output — Thanks a lot for today. — I experienced so many great things. — You gave me memories like dreams... But I have to leave …

【Java 基础篇】Java 数据类型

文章目录 导言一、原始数据类型1. 整型&#xff08;Integral Types&#xff09;2. 浮点型&#xff08;Floating-Point Types&#xff09;3. 字符型&#xff08;Character Type&#xff09;4. 布尔型&#xff08;Boolean Type&#xff09; 二、引用数据类型1. 类&#xff08;Cla…

433

433可直接测量gpio 自定义功能 记忆功能

344-C语言复习(1)

题目1 &#xff08;&的含义&#xff09; 我们先设x1,x-1-0,1&0 我们再设x2,x-11,2&1 我们需要关注的是原来的x和现在的x发生了什么改变 得出的结论是&#xff1a;结果是丢弃二进制最右边的1 所以这个函数的作用就是统计二进制数x中1的个数 题目2&#xff08;指…