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代码示例
Feb 15 Javascript
最简单的jQuery程序 入门者学习
Jul 09 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
5个实用的JavaScript新特性
Jun 16 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 使用post,get的一种简洁方式
2010/04/25 PHP
php中去除所有js,html,css代码
2010/10/12 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php后门URL的防范
2013/11/12 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
php适配器模式简单应用示例
2019/10/23 PHP
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
node.js require() 源码解读
2015/12/13 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
详解JS模块导入导出
2017/12/20 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
Python求凸包及多边形面积教程
2020/04/12 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
个人求职简历的自我评价
2013/10/19 职场文书
教师找工作推荐信
2013/11/23 职场文书
安全生产汇报材料
2014/02/17 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
庐山导游词
2015/02/03 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫