使用正则表达式验证手机号码

article/2025/9/25 2:29:27

使用正则表达式验证手机号码

开发工具与关键技术:VS2015、正则表达式
作者:易金亮
撰写时间:2019.07.07

在项目中,总会涉及到数据的新增,比如新增用户信息等,而说到新增用户信息,就离不开用户的联系方式了,比如手机号码,而手机号码可并不是能随便输入的,得确保是一个真实存在的号码,不然新增的号码就没有什么意义了,所以我们必须给它做一个验证,当我们输入得不会真实的手机号码时它就会提示你“请正确填写手机号码”,这样就可以确保我们数据的准确性与真实性,既然验证如此重要,那么我们该如何给它做验证呢?接下来我就来说说如何通过正则表达式验证手机号码,首先我们先来看一下效果如下截图所示:
在这里插入图片描述
如上截图所示,当我们输入的是一个正确的手机号码时它就会录入,不会给我们提示,而当我们输入的是一个错误的手机号码时它就会出现如下截图所示的提示:
在这里插入图片描述
如上截图所示我们可以看到,我们输入的号码只有一位数字不同,那就是第二位,因为我们给第二位数字做了验证,所以当第二位输入的不是规定的数字时它就会提示我们输入的号码不正确。那么我们是如何给它做的验证呢,其代码如下所示:

function checkPhone(phone) {//验证电话号码手机号码,包含至今所有号段? ?var ab = /^[1][3,4,5,7,8][0-9]{9}$/;if (ab.test(phone) == false) {layer.alert("请正确填写手机号码!", { icon: 5, offset: '200px' });returnfalse;}}

如上代码所示,我们写了一个方法验证手机号码,其实就是一个正则表达式,它规定第一位数字输入的必须是1,第二位数字输入的必须是3,4,5,7,8其中的一位,后面的只能输入0-9的数字,不能输入字母或其他的字符,输入的必须是一个十一位数的号码,不然它就会出现如上图所示的提示,写好验证的方法后我们就要把它添加到输入手机号码的input文本框中,如下代码所示:

<li class="xiaozi"><span>移动电话</span><input type="text" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"placeholder="请输入您的电话号码"  onChange="checkPhone(this.value)" id="MobileTelephone" name="Remoudisabled" disabled/>
</li>

如上代码所示,我们限制了这个input文本框最多只能输入11位数,因为手机号码就是11位数,通过以上代码,我们的手机号码验证就完成了,


http://chatgpt.dhexx.cn/article/U56hkQt9.shtml

相关文章

安卓搭建虚拟服务器,安卓手机搭建云服务器

安卓手机搭建云服务器 内容精选 换一换 本文介绍使用云手机服务时需要了解的基本概念。云手机是一台包含原生安卓操作系统,具有虚拟手机功能的云服务器,简单来说,云手机=云服务器+Android OS。您可以远程实时控制云手机,实现安卓APP的云端运行;也可以基于云手机的基础算力…

JS判断输入手机号码是否正确

JS判断输入手机号码是否正确 现在中国地区的号码 中国电信号段133、149、153、173、177、180、181、189、190、191、193、199 中国联通号段130、131、132、145、155、156、166、167、171、175、176、185、186、196 中国移动号段134(0-8)、135、136、137、138、139、1440、147、…

android qq账号登陆验证手机号码,注册QQ号如何跳过手机验证

QQ的安全性在逐步提高&#xff0c;而我们申请QQ的过程也越来越复杂了。许多用户不希望申请QQ时透露手机号码这类隐私信息。所以很少人使用需要手机验证的手机申请方式&#xff0c;所以电脑申请QQ成为主流&#xff0c;但电脑申请方式在申请过一次QQ号码之后(不论成功与否)就不能…

虚拟号码怎么开通?

虚拟码号的开通方式基本一样 一、首先是企业实名&#xff0c;上传企业的证明文件&#xff0c;法人证件。 二、然后是提出开号需求&#xff0c;号码数量&#xff0c;号码区域 三、然后缴纳费用 四、等待3-8个工作日开号 通过API或者SDK接口接入自己的系统&#xff0c;要不就…

自定义HorizontalScrollView嵌套HorizontalListView实现手势监听、按钮监听横向滚动功能

今日空闲花了点时间对以前自主实现的项目功能进行改进和优化&#xff0c; 其实一些界面的小功能有时候没实现过&#xff0c;也没经验类似项目功能经验&#xff0c;反而耗费的时间会更多。下面我所描述的界面功能就是我在对用RecyclerView控件不熟悉的情况下使用了HorizontalScr…

ScrollView/HorizontalScrollView常用技巧,附源码

ScrollView是ViewGroup的派生类&#xff0c;ViewGroup是View的派生类。 屏幕大小总是有限制的&#xff0c;对移动设备来说更是如此。当有很多内容需要显示的时候&#xff0c;一屏显示不完时&#xff0c;就需要使用滚动的方式。 ScrollView只能包含一个直接子vi…

Android 自定义 HorizontalScrollView 横向滑动效果

自从Gallery被谷歌废弃以后&#xff0c;Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果。的确HorizontalScrollView可以实现Gallery的效果&#xff0c;但是HorizontalScrollView存在一个很大的问题&#xff0c;如果你仅是用来展示少量的图片&#xff0c;应…

Android ScrollView、NestedScrollView、Horizo​​ntalScrollView 等

在这篇文章中&#xff0c;我们想看看几个滚动视图的变体或子类以及它们是如何使用的。以下是我们迄今为止涵盖的变体&#xff1a; ScrollView - 超类 NestedScrollView - 子类 Horizo​​ntalScrollView - 子类 StickyScrollView - 子类和第三方库。 ParallaxScrollView - 子类…

Android横向滑动加载更多的控件的实现---HorizontalScrollSlideView

Android横向滑动加载更多的控件的实现—HorizontalScrollSlideView 需求 之前公司业务要求做一个横向滑动的&#xff0c;可以加载更多的控件&#xff0c;第一时间想到的就是 RecyclerView 来实现 &#xff0c;后面仔细想想滑动拦截不好控制等等 所以就换了个思路来实现了。思…

Android HorizontalScrollView 水平滑动 在listview上面动态添加图片

Android HorizontalScrollView 水平滑动 listview 上动态添加图片 最近遇到了个 在listview展示广告的需要动态添加图片 如图&#xff1a; 使用了 horizontalScrollView 在listview上进行添加 java代码&#xff1a; package com.baozi.bzhorizontalscrollview;impor…

HorizontalScrollView实现Gallery

从简便的方式&#xff0c;继承LinearLayout再布局了添加视图&#xff0c;使其左右滚动。 主界面Activity: package com.xmz.activity;import java.util.HashMap;import java.util.Map;import android.app.Activity;import android.os.Bundle;public class MainActivity extend…

Android中HorizontalScrollView的使用总结

HorizontalScrollView是Google推出的用来滚动查看视图的控件&#xff0c;已经替代了Gallery。 由于HorizontalScrollView继承自FrameLayout&#xff0c;这意味着你只能在它下面放置一个子控件&#xff0c;即在控件内部只能放一个字控件&#xff08;一般使用LinearLayout&#…

Android控件——HorizontalScrollView使用(一)

1. HorizontalScrollView简单使用 Gallery&#xff08;画廊&#xff09;是一个锁定中心条目并且拥有水平滚动列表的视图&#xff0c;一般用来浏览图片&#xff0c;并且可以响应事件显示信息&#xff1b;Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图…

android HorizontalScrollView讲解

前言 本章内容是android.widget.HorizontalScrollView&#xff0c;译为"横向滚动条"&#xff0c;版本为Android 2.3 r1&#xff0c;翻译来自"Tina"&#xff0c;感谢"Tina"为大家带来精彩的翻译稿 &#xff01;期待你加入Android API 中文的翻译&…

Android中HorizontalScrollView的使用

由于移动设备物理显示空间一般有限&#xff0c;不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView等滚动视图控件&#xff0c;这几个视图控件也是我…

Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果

转载请标明出处&#xff1a;http://blog.csdn.net/lmj623565791/article/details/38140505 自从Gallery被谷歌废弃以后&#xff0c;Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果。的确HorizontalScrollView可以实现Gallery的效果&#xff0c;但是Horizo…

HorizontalScrollView入门技术

HorizontalScrollView是一个滚动视图,可以帮助我们实现菜单栏之类的方法,实现左滑动右滑动. 常用于做一些APP的导航条,那么我们如何进行实现呢? 首先肯定是声明布局,做一个示范: (这是在一个相对布局中做的 上面是我们的HorizontalScrollView,下面是一个可以滑动的ViewPager…

横向滑动视图HorizontalScrollView精炼详解

一、前期基础知识储备 由于移动设备物理显示空间一般有限&#xff0c;不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView、RecyclerView等滚动视图…

HorizontalScrollView 详解

2019独角兽企业重金招聘Python工程师标准>>> gallrey由于浪费内存问题被和谐了&#xff0c;现在一般都使用这个代替了或第三方库 类概述 用 于布局的容器&#xff0c;可以放置让用户使用滚动条查看的视图层次结构&#xff0c;允许视图结构比手机的屏幕大。Horizonta…

【Android控件】HorizontalScrollView的基础使用记录(滚动条自定义)

目录​​​​​​​ 效果图 简介 注意事项 基础属性 滚动条全部设置 滚动条是否总显示 自定义滚动条滑动背景和滚动条背景 设置滚动条的宽度 设置滚动条距离 其它常规设置 设置滚动速度 布局代码示例 总结 效果图 简介 HorizontalScrollView是水平滚动标签。垂直…