javascript简单写的判断电话号码实例

 更新时间:2017年05月24日 09:08:51   作者:霸道小豆丁  
这篇文章主要介绍了javascript简单写的判断电话号码实例的相关资料,需要的朋友可以参考下

用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';}
  }

这样很简单的手机号码验证就完成了

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 原生js实现贪吃蛇游戏

    原生js实现贪吃蛇游戏

    这篇文章主要为大家详细介绍了原生js实现贪吃蛇小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    本文给大家分享前端高频面试题JS中堆和栈的区别和浏览器的垃圾回收机制,本文分文别类给大家介绍了栈(stack)和堆(heap)的区别基本类型和引用类型的相关知识,浏览器垃圾回收机制包括基本概念给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • 理解javascript封装

    理解javascript封装

    这篇文章主要帮助大家理解学习javascript封装,通过封装可以强制实施信息隐藏,本文为大家分析了封装的利弊,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • JavaScript+html5 canvas实现本地截图教程

    JavaScript+html5 canvas实现本地截图教程

    这篇文章主要为大家详细介绍了JavaScript+html5 canvas实现本地截图教程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • javascript动态加载实现方法一

    javascript动态加载实现方法一

    这两天,没什么太多的事情,好吧,我承认,是我这两天不想做公司的项目,因为我突发奇想,其实也不算突发奇想,算是对以前的想法的实现,就是把JS当做Java来写
    2012-08-08
  • JavaScript中正则表达式使数字、中文或指定字符高亮显示

    JavaScript中正则表达式使数字、中文或指定字符高亮显示

    这篇文章主要介绍了JavaScript中正则表达式使数字、中文或指定字符高亮显示,需要的朋友可以参考下
    2017-10-10
  • bootstrap多种样式进度条展示

    bootstrap多种样式进度条展示

    这篇文章主要为大家展示了bootstrap多种样式进度条,默认进度条、条纹进度条等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 前端常用6种数据加密方式的使用详细讲解

    前端常用6种数据加密方式的使用详细讲解

    在前端开发中,常用的数据加密技术包括Base64编码、MD5哈希、SHA-256哈希、AES对称加密、RSA非对称加密和HMAC消息认证码,这些加密方式提供了不同层次的数据安全保护,适用于不同的安全需求和场景,需要的朋友可以参考下
    2024-09-09
  • JS使用cookie实现DIV提示框只显示一次的方法

    JS使用cookie实现DIV提示框只显示一次的方法

    这篇文章主要介绍了JS使用cookie实现DIV提示框只显示一次的方法,涉及JavaScript基于cookie标记控制页面元素样式修改的技巧,需要的朋友可以参考下
    2015-11-11
  • Javascript的并行运算实现代码

    Javascript的并行运算实现代码

    随着多核cpu的普级,并发/并行多线程运算在主流的编程语言越来越流行,而在目前Javascript实现中还看不到在语言方面支持多线程,现在Javascript如此流行,真希望今后会在语言的层面有很大的变化.
    2010-11-11

最新评论