JavaScript正则表达式 RegExp验证手机号码

直接上代码

<div class="phone"><input type="text" id="phone"><button onclick="phone()">click</button>
</div>

function phone() {let phone = document.getElementById("phone").value;let phoneReg1 = /^[1][3-8][0-9]{9}$/;let phoneReg2 = new RegExp("^[1][3-8][0-9]{9}$");if (!phoneReg1.test(phone)) {console.log("请输入正确的数据类型");}
}

解释一下，/ / 和new RegExp这2个都是正则表达式的语法写法，所以变量phongReg1和phoneReg2都是一样的功能效果，只是写法不同。[1][3-8][0-9]{9}中的 [1]，表示获取到的值的第一个下标（第一个字符）必须是1；[3-8]，表示的是第二个字符可以是3-8的任意值；[0-9]，表示第3个字符可以是0-9的任意值，并且往后必须要有9个这样的值（手机号码通常是11位数，前面已经有2位数，所以后面还需要9位数，当然规则可以灵活改变，这里只是做演示），这两个变量保存的规则是一样的，然后使用test方法，将需要验证的值传给test作为参数，当传入的值符合规则，返回true，否则false。另外补充一下，前面加了^ 后面加了$，这样做匹配的时候必须是完全完全匹配，多一个字符或者少一个字符都是匹配不成功的。说的不对还请多多指点哦

JavaScript正则表达式 RegExp验证手机号码相关推荐

JavaScript 正则表达式(RegExp对象、属性、方法、String支持)
内容来源:JavaScript RegExp 对象参考手册 http://www.w3school.com.cn/js/jsref_obj_regexp.asp RegExp 对象 RegExp ...
密码是6-16位字母加数字的正则表达式和验证手机号码的正则表达式
[转载请注明出处:From李诗雨---http://blog.csdn.net/cjm2484836553/article/details/78598264] 不诗意的女程序猿不是好厨师~ 恩,正则表 ...
JavaScript正则表达式----RegExp类型, 代码说明简单易懂
RegExp 正则表达式定义 RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具.匹配原则: 贪婪匹配直接量语法 /pattern(匹配规则)/attributes(属性) 创建 ...
正则表达式同时验证手机号码和固定电话号码(带区号或不带区号或带分机号)
正则表达式: ^1\d{10}$|^(0\d{2,3}-?|$0\d{2,3}$)?[1-9]\d{4,7}(-\d{1,8})?$ 规则说明: 1.可以是1开头的11位数字(手机号) 2.可以是 ...
正则表达式同时验证手机号码和固定电话号码
^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$ 区号+座机号/手机号
JavaScript正则表达式验证手机号码
JavaScript正则表达式验证手机号码 JavaScript正则表达式验证手机号码 JavaScript正则表达式验证手机号码号段来源:https://www.jihaoba.com/tools ...
html验证座机号码_使用JavaScript正则表达式验证电话、手机号码
使用 JavaScript 正则表达式验证电话.手机号码电话手机号码正则表达式 (支持手机号码, 3-4 位区号, 7-8 位直播号码, 1 - 4 位分机号) ((\d{11})|^((\d{7, ...
html正则表达式验证电话号码,Javascript正则表达式验证账号、手机号、电话和邮箱的合法性...
正则表达式是用于匹配字符串中字符组合的模式.在 JavaScript中,正则表达式也是对象.这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match.rep ...
javascript表单验证及正则表达式
1.表单验证的场景与意义 1.1.降低服务器压力拦截不合格数据,避免直接提交到服务器,可以显著降低服务器开销 1.2.提升用户体验早期的互联网,表单项非常多,注册账号需要填写20+字段.而其中有一 ...

JavaScript正则表达式 RegExp验证手机号码

JavaScript正则表达式 RegExp验证手机号码相关推荐

最新文章

热门文章