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的console.log()用法小结
May 31 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
深入理解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查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
详解Nuxt.js Vue服务端渲染摸索
2018/02/08 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
儿童编程python入门
2018/05/08 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
《桂林山水》教学反思
2014/02/08 职场文书
村党支部书记承诺书
2014/05/29 职场文书
成本会计岗位职责
2015/02/03 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
国家助学金受助感言
2015/08/01 职场文书