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 相关文章推荐
javascript中的几个运算符
Jun 29 Javascript
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
详细分析vue表单数据的绑定
Jul 20 Javascript
Vue和React有哪些区别
Sep 12 Javascript
详解javascript脚本何时会被执行
Feb 05 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
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
Python绘制KS曲线的实现方法
2018/08/13 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
python list转置和前后反转的例子
2019/08/26 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
python为什么要安装到c盘
2020/07/20 Python
python3 kubernetes api的使用示例
2021/01/12 Python
python实现发送邮件
2021/03/02 Python
CSS3 3D酷炫立方体变换动画的实现
2019/03/26 HTML / CSS
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
写给女生的道歉信
2014/01/08 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
2014年超市工作总结
2014/11/19 职场文书
工作收入证明范本
2015/06/12 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
浅析MongoDB之安全认证
2021/06/26 MongoDB
javascript实现计算器功能详解流程
2021/11/01 Javascript
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏