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 相关文章推荐
Jquery知识点二 jquery下对数组的操作
Jan 15 Javascript
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
深入理解ES6中let和闭包
Feb 22 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
深入理解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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
canvas知识总结
2017/01/25 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
2020/03/26 Javascript
原生js实现购物车功能
2020/09/23 Javascript
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
Python中random模块用法实例分析
2015/05/19 Python
windows下python安装pip图文教程
2018/05/25 Python
深入浅析Python传值与传址
2018/07/10 Python
Pythony运维入门之Socket网络编程详解
2019/04/15 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Python读取表格类型文件代码实例
2020/02/17 Python
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
防沙治沙典型材料
2014/05/07 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
销售人员工作自我评价
2014/09/21 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android