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 相关文章推荐
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
详解创建自定义的Angular Schematics
Jun 06 Javascript
浅析Vue 生命周期
Jun 21 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
vuex中store存储store.commit和store.dispatch的用法
Jul 24 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 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
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
深入理解PHP中的count函数
2016/05/31 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
HTML Dom与Css控制方法
2010/10/25 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
深入理解JavaScript中的对象
2015/06/04 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
javascript 中select框触发事件过程的分析
2017/08/01 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Python实现八大排序算法
2016/08/13 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
10张动图学会python循环与递归问题
2021/02/06 Python
大学生个人求职信例文
2014/07/07 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
2015年党总支工作总结
2015/05/25 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers
配置nginx 重定向到系统维护页面
2021/06/08 Servers
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang