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 相关文章推荐
js 页面执行时间计算代码
Mar 04 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
js倒计时小程序
Nov 05 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
Jul 22 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
原生JS实现简单的倒计时功能示例
Aug 30 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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
php微信公众号开发之简答题
2018/10/20 PHP
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
详解JavaScript中的客户端消息框架设计原理
2015/06/24 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
JavaScript对象的特性与实践应用深入详解
2018/12/30 Javascript
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
python笔记:mysql、redis操作方法
2017/06/28 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
python对csv文件追加写入列的方法
2019/08/01 Python
Python 3 判断2个字典相同
2019/08/06 Python
tensorboard显示空白的解决
2020/02/15 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
运动会解说词200字
2014/02/06 职场文书
主题婚礼策划方案
2014/02/10 职场文书
班级学习计划书
2014/04/27 职场文书
自我推荐信怎么写
2015/03/24 职场文书
《1942》观后感
2015/06/08 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python