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 学习笔记(十四) 正则表达式
Jan 22 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
jquery编写日期选择器
Mar 16 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
Sep 14 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 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中simplexml_load_string函数使用说明
2011/01/01 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
繁简字转换功能
2006/07/19 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
python进阶教程之模块(module)介绍
2014/08/30 Python
Python中集合类型(set)学习小结
2015/01/28 Python
python协程用法实例分析
2015/06/04 Python
python实现音乐下载器
2018/04/15 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
python 中字典嵌套列表的方法
2018/07/03 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
Django 外键的使用方法详解
2019/07/19 Python
关于numpy数组轴的使用详解
2019/12/05 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
详解python变量与数据类型
2020/08/25 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
医药代表个人的求职信分享
2013/12/08 职场文书
银行求职自荐书
2014/06/25 职场文书
SQL Server内存机制浅探
2022/04/06 SQL Server
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS