Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >手机199开头的号码的正则验证

手机199开头的号码的正则验证

作者头像
王小婷
发布于 2019-08-21 07:12:06
发布于 2019-08-21 07:12:06
2.3K00
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

以前的正则验证里面,如果是199开头或者166开头的手机号码就没有办法通过验证,会给这些用户带来一定的麻烦

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /* 手机号码验证 */
            var $phone_num = $("#phone").val();
            var reg01 = /^1[3|4|5|6|7|8|9]\d{9}$/; //手机号            
            if(reg01.test($phone_num)) {
                console.log("手机号正确");               
            } else {
                layer.msg('请填写正确手机号', {
                    icon : 5,
                    time : 1000
                });
                return;
            }   

demo

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <input type="text" id="phone" maxlength="16"></input>
        <button type="button" class="btn blue" id="addBtn">保存</button>
        <script type="text/javascript">
            $("#addBtn").on("click", function() {
             /* 手机号码验证 */
            var $phone_num = $("#phone").val();
            var reg01 = /^1[3|4|5|6|7|8|9]\d{9}$/; //手机号            
            if(reg01.test($phone_num)) {
                console.log("手机号正确");               
            } else {
                alert("请正确填写")
                return;
            }   
            })
        </script>
    </body>
</html>

个人建议:任何有关手机号、电话号、邮箱、网址等的正则校验不要写得太严格,以防用户前端输入稀有账号校验通过不了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.08.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
正则表达式同时验证手机和座机号码
JS同时验证固话和手机号正则表达式,验证规则: 1:当input框没有填写号码的时候,input为空,可通过验证 2:当手机号码填写正确的时候,可通过验证 3:当座机号码填写正确的时候,可通过验证 如果不通过,则出现提示信息,提示输入正确的手机号码座机号码。
王小婷
2019/08/07
5.3K0
提交表单的时候验证手机号码和身份证号码
需求:在提交表单的时候,验证手机号码和身份证号码,如果不填写手机号码和身份证号码,就无需验证,如果填写手机号码和身份证号码,必须要填写正确的格式,如果不正确,则没有办法通过验证,出现弹框提示。
王小婷
2019/08/07
1.5K0
jQuery鼠标离焦验证手机号码
记录一下jQuery鼠标离焦验证手机号码,但鼠标离开了input输入框的时候,若填写的内容不符合手机号码验证规则或者填写为空,都会出现一行提示文字,提示请输入正确的手机号码,若符合,则通过验证,这也是在表单上经常使用到的。
王小婷
2019/07/25
1.4K0
jQuery鼠标离焦验证手机号码
记录一下jQuery鼠标离焦验证手机号码,但鼠标离开了input输入框的时候,若填写的内容不符合手机号码验证规则或者填写为空,都会出现一行提示文字,提示请输入正确的手机号码,若符合,则通过验证,这也是在表单上经常使用到的。
王小婷
2025/05/18
400
jQuery鼠标离焦验证手机号码
用户名验证:限16个字符,支持中英文、数字、下划线
继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。
王小婷
2019/08/07
8770
jQuery验证车牌号(含新能源车牌)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/3.
王小婷
2020/04/10
1.6K0
jQuery验证车牌号(含新能源车牌)
用户名验证:限16个字符,支持中英文、数字、下划线
继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。
王小婷
2025/05/18
1190
验证多个class相同的input框不为空
要求,页面有多个class相同的input输入框,在提交数据的时候,进行验证,验证input框不能为空,如果哪个为空,则弹出提示:
王小婷
2020/05/26
2.2K0
验证多个class相同的input框不为空
ztree实现左边动态生成树,右边为具体信息功能
页面原型图: 图片.png 功能需求:点击左边树上的子节点,像后台发送请求,将请求到的信息展示在右边的表单里面 前端代码实现: 引入css文档: <link rel="stylesheet" type
王小婷
2018/06/04
3.4K0
提交表单时input字段非空验证
需求,当提交表单的时候,如果要验证的字段为空,则弹出提示框提示请完善表单信息,并且 return;不执行下一步。
王小婷
2025/05/18
1240
jQuery点击图片开启,再次点击图片关闭效果
要求:jQuery点击图片开启,再次点击图片关闭效果 2:获取选中的图片的状态 并以整型的格式传给后端
王小婷
2022/01/09
9.1K0
jQuery点击图片开启,再次点击图片关闭效果
(三)Java高并发秒杀系统API之Web层开发
SpringMvc默认就会默认去WEB-INF下查找默认规范的配置文件,像我这里配置的servlet-name是seckill-dispatchServlet的话,则默认会寻找WEB-INF一个名为seckill-dispatchServlet-Servlet.xml的配置文件
Java团长
2018/12/25
2.9K0
jquery多组时间以对象数组形式保存
需求: 1:点击新增区域的按钮的时候,会新增一行输入框,可以选择输入数据,输入时间 2:输入完成之后,点击保存按钮,将输入的时间以对象数组的格式提交给后端 3:每一组时间是一个对象,每个对象包括开始时间和结束时间, 三组就是三个对象,存放在数组里面。 提交到后端的格式 {"criminalFences":[{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00"
王小婷
2020/09/27
1.1K0
BBS论坛(十五)
15.1.登录界面完成 (1)front/signbase.html {% from 'common/_macros.html' import static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>{% block title %}{% endblock %}</titl
zhang_derek
2019/02/13
2.2K0
简单总结Layui中的表单验证
简单来说,实现Layui框架中的表单验证很简单,只需要给表单元素添加上”lay-verify“属性
知识分子没文化
2023/07/01
4K0
javascript escape()和unescape()区别
escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。
王小婷
2021/07/13
2.1K1
jQuery验证身份证号码
周末在家很宅,除了玩游戏就是吃好吃的,基本没怎么学习,哈哈,编辑代码之前,先附上一张今天中午做的美食图,自己买的菜和调料,不要太羡慕哈。
王小婷
2019/07/22
2.4K0
复选框checkbox提交数据类型和方法
对应的渲染方法如下: jQuery数据结构渲染(4):复选框checkbox赋值 https://www.jianshu.com/p/3878ff8c76d9
王小婷
2020/05/26
1.5K0
复选框checkbox提交数据类型和方法
jQuery带参数跳转,新页面获取url的参数id
a.html <!DOCTYPE HTML> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css
王小婷
2021/06/24
3.6K0
bootstrap table点击修改按钮给弹框赋值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Dashboard | Nadhif - Responsive Admin Template</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <
王小婷
2020/10/28
1.4K0
相关推荐
正则表达式同时验证手机和座机号码
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验