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在多浏览器下for循环的使用方法
Nov 07 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
vue使用i18n实现国际化的方法详解
Sep 05 Javascript
原生js实现购物车
Sep 23 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
AJAX学习笔记
May 18 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
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
2007/04/12 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
php测试kafka项目示例
2020/02/06 PHP
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
JavaScript中对象property的读取和写入方法介绍
2014/12/30 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python装饰器使用方法实例
2013/11/21 Python
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
Django单元测试工具test client使用详解
2019/08/02 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
英国钻石公司:British Diamond Company
2020/02/16 全球购物
修理厂厂长岗位职责
2014/01/30 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
2015羊年春节慰问信
2015/02/14 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
2016公司新年问候语
2015/11/11 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
使用 Apache 反向代理的设置技巧
2022/01/18 Servers
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS