javascript简单写的判断电话号码实例


Posted in Javascript onMay 24, 2017

用javascript简单写的判断电话号码

   在很多网站注册的时候,需要我们填写电话号码,本来想糊弄一下,但是还不行,一直提示不正确,我去网上搜了很多,正则表达式,发现有很多不对的,

最后写了一个简单的,但是比较实用的

   首先是html部分的内容

手机号:<input type="text" class="loginuser" placeholder="请输入您的手机号" id="uid" onblur="checkPhone()" />
        <span id="uidt" style="margin-left: 100px"></span>

span标签里面的内容主要是用来写提示的,比如输错了,就会提示您“请输入正确的手机号”   如果输的正确,就会提示“OK”;

然后就是javascript部分了

function checkPhone(){
    var phone = document.getElementById('uid').value;
    if(!(/^1[34578]\d{9}$/.test(phone))){
      return document.getElementById('uidt').innerHTML = '请输入正确的手机号';
      return false;
    }    else{return document.getElementById('uidt').innerHTML = 'ok';}
  }

这样很简单的手机号码验证就完成了

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
基于Jquery与WebMethod投票功能实现代码
Jan 19 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
Aug 04 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 Javascript
基于vue+element实现全局loading过程详解
Jul 10 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 Javascript
Angular2搜索和重置按钮过场动画
May 24 #Javascript
深入理解react-router@4.0 使用和源码解析
May 23 #Javascript
angularjs中ng-bind-html的用法总结
May 23 #Javascript
vue.js实现价格格式化的方法
May 23 #Javascript
js编写选项卡效果
May 23 #Javascript
jQuery日期范围选择器附源码下载
May 23 #jQuery
详解JavaScript数组过滤相同元素的5种方法
May 23 #Javascript
You might like
php源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
js function使用心得
2010/05/10 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
Angular路由简单学习
2016/12/26 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
解决jquery有正确返回值但不执行success函数的问题
2018/08/20 jQuery
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
简单讲解Python中的闭包
2015/08/11 Python
对Python中的@classmethod用法详解
2018/04/21 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
HTML5 解析规则分析
2009/08/14 HTML / CSS
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
法定代表人证明书
2014/11/28 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
Java存储没有重复元素的数组
2022/04/29 Java/Android