小程序js(正则表达式):文本框对手机号进行标准化规范

一、使用 <input> 组件的 type 属性设置为 "number",并结合正则表达式进行校验。

<input type="number" bindinput="checkPhoneNumber" />
Page({checkPhoneNumber: function (e) {const phoneNumber = e.detail.value;// 正则表达式校验手机号格式if (!/^1[3456789]\d{9}$/.test(phoneNumber)) {// 手机号格式不正确,提示用户wx.showToast({title: '请输入正确的手机号',icon: 'none'});}}
});

 

/^1[3456789]\d{9}$/ 是一个正则表达式,用于匹配手机号码的格式。

具体解释如下:

  • / 是正则表达式的开始和结束标记。
  • ^ 表示匹配字符串的开头。
  • 1 表示要匹配的字符串必须以数字 1 开头。
  • [3456789] 表示下一位的数字必须是 3、4、5、6、7、8 或 9 中的一个。
  • \d 表示匹配任意数字。
  • {9} 表示前面的模式 \d 必须重复匹配 9 次,即匹配 9 个数字。
  • $ 表示匹配字符串的结尾。

综合起来,/^1[3456789]\d{9}$/ 匹配以数字 1 开头,接着是 3、4、5、6、7、8 或 9 中的一个,然后是 9 个数字,最后以字符串结尾的字符串,符合这个格式的字符串就可以被认为是一个手机号码。

因此,当我们使用 if (!/^1[3456789]\d{9}$/.test(phoneNumber)) 这样的条件判断时,如果 phoneNumber 不符合这个正则表达式的格式,即不是一个正确的手机号码,条件判断将会返回 true,进入条件判断的代码块,执行相应的提示或处理逻辑。

 二、使用 <input> 组件的 type 属性设置为 "text",并在 bindinput 事件中过滤非数字字符,并判断手机号长度是否合法。

<input type="text" bindinput="filterPhoneNumber" />
Page({filterPhoneNumber: function (e) {let phoneNumber = e.detail.value;// 过滤非数字字符phoneNumber = phoneNumber.replace(/\D/g, '');// 判断手机号长度是否合法if (phoneNumber.length > 11) {phoneNumber = phoneNumber.substr(0, 11);}// 更新输入框的值this.setData({ phoneNumber });}
});

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/101495.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

智慧办公数据可视化大屏设计(数据可视化)、大数据、数据大屏、办公数据大屏、办公数据

本次分享的作品是用软件Axure8.0&#xff08;兼容9和10&#xff09;制作的智慧办公数据进行的可视化大屏设计&#xff0c;主要是针对办公的综合数据、工位数据、会议室数据、访客数据、能耗数据以及设备智控数据进行可视化数据分析。 1、综合分析:对办公室的整体数据、空气质量…

JVM第一讲:JVM相关知识体系详解+面试(P6熟练 P7精通)

JVM相关知识体系详解面试(P6熟练 P7精通) 面试时常常被面试官问到JVM相关的问题。本系列将给大家构建JVM核心知识点全局知识体系&#xff0c;本文是JVM第一讲&#xff0c;JVM相关知识体系详解和相关面试题梳理。 文章目录 JVM相关知识体系详解面试(P6熟练 P7精通)1、JVM学习建议…

设计模式 - 行为型考点模式:责任链模式(概述 | 案例实现 | 优缺点 | 使用场景)

目录 一、行为型模式 1.1、责任链模式 1.1.1、概述 1.1.2、案例实现 1.1.3、优缺点 1.1.4、使用场景 一、行为型模式 1.1、责任链模式 1.1.1、概述 为了避免请求发送者和多个请求处理者耦合在一起&#xff0c;就将所有请求处理者通过前一个对象记住下一个对象的引用的方…

基于服务质量(QoS, quality of service)和基于用户体验质量(QoE, quality of experience)

《Semantic Communications for Future Internet: Fundamentals, Applications, and Challenges》 传统通信系统中的资源分配框架旨在最小化误码率、误包率和中断概率等指标。然而&#xff0c;语义通信不再关注比特。通常&#xff0c;在资源分配方案的设计中&#xff0c;应该考…

生产环境一次Linux时钟同步无法正常同步的问题

Linux和时间同步的大部分命令都在下边这里了 有三台服务器时间不准&#xff0c;重启chronyd服务后就好了 还有一台说啥都和时间服务器差4秒&#xff0c;重启服务也不管用 最后修改配置文件发现需要在时间服务器后边加上iburst server 时间服务器的IP iburst 下边是用到的一下…

联邦学习综述二

联邦学习漫画 联邦学习漫画链接: https://federated.withgoogle.com/ Federated Analytics: Collaborative Data Science without Data Collection 博客链接: https://blog.research.google/2020/05/federated-analytics-collaborative-data.html 本篇博客介绍了联邦分析&a…

Filebeat、metricbeat、kafka

kibana机子上安装filebeat&#xff08;因为有nginx&#xff09; 上传filebrat包 在es概览查看 上传metricbeat 排错 tailf !$ Kibana-Vlsualize查看 kafka(卡夫卡) kafka是一个分布式的消息发布—订阅系统&#xff08;kafka其实是消息队列&#xff09;消息队列中间件 Kafka的…

汇编第3章 80X86指令系统和寻址方式

3.1 8086指令系统概述 3.1.1汇编指令 汇编指令由操作码和操作数组成&#xff0c;操作码是指令的操作命令&#xff0c;操作数是指令的操作对象。 指令格式&#xff1a;[标号:] 指令助记符 [操作数1] [,[操作数2] [,[操作数3]]] [;注释] 标号&#xff1a;在汇编语言中标号是由…

Pycharm远程debug代码,一直进入remote_sources

最近debug发现代码一直跳转到 AppData\Local\JetBrains\PyCharm2022.2\remote_sources\xxx这样的目录下&#xff0c;查找百度也没有找到解决的方法。 最后发现&#xff0c;在Run的配置这&#xff0c;有一个Path mappings是空的&#xff0c;把这里的映射填成本地项目和远程项目…

HDR-ISP_unpack_depwl_01_20231002

https://github.com/JokerEyeAdas/HDR-ISP/tree/main 1.unpack&#xff1a;解析raw图 (1)unpack&#xff1a;2个字节1个像素 (2)mipi10&#xff1a;5个字节4个像素 [p1 9:2][p2 9:2][p3 9:2][p4 9:2][(p1 1:0)(p2 1:0)(p3 1:0)(p4 1:0)] (3)mipi12&#xff1a;3个字节2个像…

vscode安装svn扩展(windows)

一、安装 1.1 环境说明 操作系统 windows 10 1.2 安装过程 1. 安装svn 双击安装程序 点击next 继续next 继续next 点击Install 在弹出框中点击 是 开始安装进度&#xff0c;一会将安装成功 安装结束 右键菜单栏中已经有svn选项&#xff0c;并且能正常拉取以…

vue3+elementui实现表格样式可配置

后端接口传回的数据格式如下图 需要依靠后端传回的数据控制表格样式 实现代码 <!-- 可视化配置-表格 --> <template><div class"tabulation_main" ref"myDiv"><!-- 尝试过在mounted中使用this.$refs.myDiv.offsetHeight,获取父元素…

[NPUCTF2020]ezinclude 文件包含两大 getshell方式

PHP LFI 利用临时文件 Getshell 姿势 | 码农家园 说一下我的思路吧 robots没有 扫描发现存在 dir.php 然后404.html 报错 apache 2.18 ubuntu 这个又正好存在漏洞 所以前面全去看这个了 结果根本不是这样做。。。 正确的思路是这样 发现变量 认为是 name和 pass传递参数…

Jetson Orin NX 开发指南(6): VINS-Fusion-gpu 的编译和运行

一、前言 由于 Jetson 系列的开发板 CPU 性能不是很好&#xff0c;因此在处理图像数据时往往需要 GPU 加速&#xff0c;而 VINS-Fusion 是针对同步定位与建图&#xff08;SLAM&#xff09;问题中十分出色的视觉算法&#xff0c;但是其在图像处理过程中资源消耗较大&#xff0c…

HTML 笔记:初识 HTML(HTML文本标签、文本列表、嵌入图片、背景色、网页链接)

1 何为HTML 用来描述网页的一种语言超文本标记语言(Hyper Text Markup Language)不是一种编程语言&#xff0c;而是一种标记语言 (markup language) 2 HTML标签 HTML 标签是由尖括号包围的关键词&#xff0c;比如 <html> 作用是为了“标记”页面中的内容&#xff0c;使…

抖音手机实景无人直播间怎么搭建?

手机无人直播已成为用户直播和商家直播带货的一项热门技术趋势&#xff0c;为消费者提供了全新的观看体验。无人直播&#xff0c;顾名思义&#xff0c;即通过无人直播软件或数字人来进行无人直播。这一技术的广泛应用&#xff0c;不仅为短视频渠道带来了更丰富的玩法&#xff0…

【排序算法】选择排序

文章目录 一&#xff1a;基本介绍1.1 概念1.2 算法思想1.3 思路分析图1.4 思路分析1.5 总结1.5.1 选择排序一共有数组大小-1轮排序1.5.2 每一轮排序&#xff0c;又是一个循环&#xff0c;循环的规则如下&#xff08;在代码中实现&#xff09;&#xff1a; 二&#xff1a;代码实…

【ComfyUI】MacBook Pro 安装(Intel 集成显卡)

文章目录 环境概述配置pip镜像配置pip代理git配置&#xff08;选配&#xff09;下载comfyUI代码创建、激活虚拟环境下载依赖安装torchvision启动comfyUI为什么Mac不支持CUDA&#xff0c;即英伟达的显卡&#xff1f;安装Intel工具包 环境 显卡&#xff1a;Intel Iris Plus Grap…

017-第三代软件开发环境搭建

第三代软件开发环境搭建 文章目录 第三代软件开发环境搭建项目介绍实体机安装Ubuntu系统安装Qt安装GCC & G安装 OPen GL安装Git配置用户名和邮箱生成 SSH 安装VS Code安装Chrome安装搜狗输入法安装字体查看字体拷贝字体到目标机拷贝字体到目标机字体目录安装字体重启设备 安…

【CVPR 2023】 All are Worth Words: A ViT Backbone for Diffusion Models

All are Worth Words: A ViT Backbone for Diffusion Models, CVPR 2023 论文&#xff1a;https://arxiv.org/abs/2209.12152 代码&#xff1a;https://github.com/baofff/U-ViT 解读&#xff1a;U-ViT: A ViT Backbone for Diffusion Models - 知乎 (zhihu.com) All are W…