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 相关文章推荐
var与Javascript变量隐式声明
Sep 17 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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版本实现代码
2012/09/15 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python中安装模块包版本冲突问题的解决
2017/05/02 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
企划经理的岗位职责
2013/11/17 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
个人政治思想总结
2015/03/05 职场文书
捐书活动倡议书
2015/04/27 职场文书
六一儿童节致辞
2015/07/31 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python