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 相关文章推荐
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
Apr 15 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
WEB 浏览器兼容 推荐收藏
May 14 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
Nov 30 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
vue中对象数组去重的实现
Feb 06 Javascript
canvas 中如何实现物体的框选
Aug 05 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面向对象教程之自定义类
2014/06/10 PHP
php中define用法实例
2015/07/30 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
微信小程序 点击控件后选中其它反选实例详解
2017/02/21 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
js实现点击烟花特效
2020/10/14 Javascript
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
python实现读Excel写入.txt的方法
2018/04/29 Python
python3转换code128条形码的方法
2019/04/17 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
CSS3教程:background-clip和background-origin
2008/10/17 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
幼儿园长自我鉴定
2013/10/17 职场文书
日语系毕业生推荐信
2013/11/11 职场文书
情人节寄语大全
2014/04/11 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
工作会议方案
2014/05/21 职场文书
个性车贴标语
2014/06/24 职场文书
买卖合同协议书范本
2014/10/18 职场文书
安全生产先进个人总结
2015/02/15 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫
nginx 添加http_stub_status_module模块
2022/05/25 Servers