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的威力
Oct 10 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
ES6的新特性概览
Mar 10 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
vue 中swiper的使用教程
May 22 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 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
linux php mysql数据库备份实现代码
2009/03/10 PHP
PHP中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
php开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
类似框架的js代码
2006/11/09 Javascript
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
vue实现点击选中,其他的不选中方法
2018/09/05 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
python导入pandas具体步骤方法
2019/06/23 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python实现广度优先搜索过程解析
2019/10/19 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
手把手教你用Django执行原生SQL的方法
2021/02/18 Python
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
简述安装Slackware Linux系统的过程
2012/01/12 面试题
财务助理岗位职责
2013/11/10 职场文书
日语专业个人求职信范文
2014/02/02 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
MySQL Server层四个日志的实现
2022/03/31 MySQL