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 相关文章推荐
禁用Tab键JS代码兼容Firefox和IE
Apr 18 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
jQuery中JSONP的两种实现方式详解
Sep 26 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
Dec 14 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
Angular Renderer (渲染器)的具体使用
May 03 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
Vue.js递归组件实现组织架构树和选人功能
Jul 04 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
vue使用element-ui按需引入
May 20 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
2020最新CPU的性能排名
2020/04/02 数码科技
Php做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
使用PHP的日期与时间函数技巧
2008/04/24 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
img的onload的另类用法
2008/01/10 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
详解ES6中的三种异步解决方案
2018/06/28 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
微信小程序canvas开发水果老虎机的思路详解
2020/02/07 Javascript
Python兔子毒药问题实例分析
2015/03/05 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
利用python画出折线图
2018/07/26 Python
python实现朴素贝叶斯算法
2018/11/19 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
VSCode中自动为Python文件添加头部注释
2019/11/14 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
电子商务应届生求职信
2013/11/16 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技