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 相关文章推荐
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
Apr 07 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
JS实现字体背景跑马灯
Jan 06 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 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代码优化的53个细节
2014/03/03 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
JavaScript实现单例模式实例分享
2017/12/22 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
Python中字典和JSON互转操作实例
2015/01/19 Python
深入理解Python中的*重复运算符
2017/10/28 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
appium+python adb常用命令分享
2020/03/06 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
用C#语言写出在本地创建一个UDP接收端口的具体过程
2016/02/22 面试题
Java语言的优势
2015/01/10 面试题
社区服务活动总结
2014/05/07 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL