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 相关文章推荐
javascript 数组排序函数
Aug 20 Javascript
JS读取cookies信息(记录用户名)
Jan 10 Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
Position属性之relative用法
Dec 14 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
Mar 01 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
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
桌面中心(三)修改数据库
2006/10/09 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
yii上传文件或图片实例
2014/04/01 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
js变量以及其作用域详解
2020/07/18 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
javaScript中slice函数用法实例分析
2015/06/08 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
Bootstrap进度条组件知识详解
2016/05/01 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
python开发之for循环操作实例详解
2015/11/12 Python
20个常用Python运维库和模块
2018/02/12 Python
Python实现k-means算法
2018/02/23 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
Python之循环结构
2019/01/15 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
贝佳斯官方网站:Borghese
2020/05/08 全球购物
生产部管理制度
2014/01/31 职场文书
优秀教师主要事迹
2014/02/01 职场文书
捐资助学感谢信
2015/01/21 职场文书
党员身份证明材料
2015/06/19 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
redis实现共同好友的思路详解
2021/05/26 Redis
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server