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 相关文章推荐
Ext.MessageBox工具类简介
Dec 10 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
一个可绑定数据源的jQuery数据表格插件
Jul 17 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
extjs 时间范围选择自动判断的实现代码
Jun 24 Javascript
jquery插件unobtrusive实现片段式加载
Jun 15 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
使用 Vue.js 仿百度搜索框的实例代码
May 09 Javascript
搭建vscode+vue环境的详细教程
Aug 31 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
JS创建自定义对象的六种方法总结
Dec 15 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源代码数组统计count分析
2011/08/02 PHP
PHP mb_convert_encoding文字编码的转换函数介绍
2011/11/10 PHP
php生成gif动画的方法
2015/11/05 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
laravel学习教程之关联模型
2016/07/30 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
Javasipt:操作radio标签详解
2013/12/30 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
javascript基础知识
2016/06/07 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
详解Vue.directive 自定义指令
2019/03/27 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
python3实现磁盘空间监控
2018/06/21 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Python3 修改默认环境的方法
2019/02/16 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
Python OpenCV去除字母后面的杂线操作
2020/07/05 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
高中自我鉴定范文
2013/11/03 职场文书
商务英语广告词大全
2014/03/18 职场文书
法务专员岗位职责
2015/02/14 职场文书
幼儿园教师培训心得体会
2016/01/21 职场文书