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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
Javascript学习笔记1 数据类型
Jan 11 Javascript
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
js如何打印object对象
Oct 16 Javascript
理解AngularJs指令
Dec 10 Javascript
JavaScript手机振动API
Jun 11 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
JavaScript 跨域之POST实现方法
May 07 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 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
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
php批量删除操作代码分享
2017/02/26 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
2013/07/18 Javascript
js中replace的用法总结
2013/12/27 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
python实现2048小游戏
2015/03/30 Python
Python functools模块学习总结
2015/05/09 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
Python3开发环境搭建详细教程
2020/06/18 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
TripAdvisor印尼站:全球领先的旅游网站
2018/03/15 全球购物
军神教学反思
2014/02/04 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
小学运动会前导词
2015/07/20 职场文书
求职自我评价参考范文
2019/05/16 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery