js判断手机号是否正确并返回的实现代码


Posted in Javascript onJanuary 17, 2017

js判断手机号是否正确并返回的代码,具体代码如下所示:

<form method="post" action="login.php" onsubmit="return abc()">
 <input type="text" id="phone" />
 <input type="submit" value="登录"/> </form>
<script type="text/javascript">
function abc() {
 var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
 if(!myreg.test($("#phone").val()))
 {
  alert('请输入有效的手机号码!');
  return false;
 }
 callback();
}
</script>

上述js判断的是130-139,150-159,180-189号段的,如果需要别的号段,自行添加

效果是 点击登录按钮时,如果手机号不对 不做任何跳转

PS:JS判断手机号是否正确(正则表达式)

/^13d{9}$/g||/^15[8,9]d{8}$/g

其中 ^ 是以什么开头的意思, $ 是以什么结尾的意思,d 匹配是任意一位数字,后面跟着的{9}是指d重复的次数,相当于dddddddd这个正则表达式匹配的是以13开头和以任意9个数字结尾的字串, / 是正则表达式的分界符,后面跟着的 g 呢,是对指定的字串全局匹配(不加则只匹配第一个),事实上有这个 g 和没有 g 在这里的情况是一样的,test方法返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式,如存在则返回 true,否则返回 false。

g表示全局,全部,也就是文本内所有符合条件的,没有这个g的话,只匹配一次。

.test(),是前面那个/^....$/g,也就是正则表达式的一个方法。

下面是一段完整的监测代码,供大家参考:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function chk()
{
var tel = document.all("text").value;
if(/^13d{9}$/g.test(tel)||(/^15[8,9]d{8}$/g.test(tel)))
  {
   alert("手机号正确");
   }
else
  {
   alert("手机号错误");
   }
}
</script>
</HEAD>
<BODY>
<form method="" action="">
手机号:<input type="text" name="text">
 <input type="button" value="检测" onclick="chk()">
</form>
</BODY>
</HTML>

验证中国固定电话号码:

((d{3,4})|d{3,4}-|s)?d{8}

以上所述是小编给大家介绍的js判断手机号是否正确并返回,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
借用Google的Javascript API Loader来加速你的网站
Jan 28 Javascript
jQuery toggle()设置CSS样式
Nov 05 Javascript
javascript ajax 仿百度分页函数
Oct 29 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
AngularJs ng-change事件/指令的用法小结
Nov 01 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
vue实现扫码功能
Jan 17 Javascript
JavaScript流程控制(循环)
Dec 06 Javascript
深入理解javascript中的 “this”
Jan 17 #Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 #Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 #Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 #Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 #Javascript
js生成随机数方法和实例
Jan 17 #Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 #Javascript
You might like
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
jQuery 使用手册(一)
2009/09/23 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
python UDP(udp)协议发送和接收的实例
2019/07/22 Python
在django模板中实现超链接配置
2019/08/21 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
基于python图像处理API的使用示例
2020/04/03 Python
Python如何对XML 解析
2020/06/28 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
软件测试常见笔试题
2012/02/04 面试题
文化活动实施方案
2014/03/28 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
求职自荐信怎么写
2015/03/04 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
利用JavaScript写一个简单计算器
2021/11/27 Javascript
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python