js电话号码验证方法

 更新时间:2015年09月28日 16:27:58   投稿:lijiao  
JS电话号码验证是比较常的一种验证,下边给出一个JavaScript验证电话号码的小例子。国内固定电话都是七位或8位的数字组成的,还可以带有长途的区号。

一般家用电话号码,如果不带区号就是7位或者8位数字的长度,而区号就是3位或者4位数字和一横。所以,我们在编写验证代码可以通过两条正则表达式进行电话号码验证。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>电话号码验证</title>
  <script type="text/javascript">
    function checkTel() {
      var obj = document.getElementById("txtTel");
      var value = obj.value;
      var regTel1 = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(value);//带区号的固定电话
      var regTel2 = /^(\d{7,8})(-(\d{3,}))?$/.test(value);//不带区号的固定电话
      if (value != "") {
        if (!regTel1 && !regTel2) { 
          alert("电话号码输入有误!");
          obj.focus();
          return false;
        }
      }
      else {
        alert("请输入电话号码!");
        return false;
      }
      alert("电话号码输入正确!");
      return true;
    }
  </script>
</head>
<body>
  请输入电话号码:
  <input type="text" id="txtTel" />
  <input type="button" id="btnCheck" value="验证" onclick="return checkTel();" />
</body>
</html>

家用电话号码JS验证:

本文是关于JS家用电话号码验证,这类的方法网上还有许多,需要大家多进行总结,希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • webpack-dev-server远程访问配置方法

    webpack-dev-server远程访问配置方法

    下面小编就为大家分享一篇webpack-dev-server远程访问配置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • 信息页文内画中画广告js实现代码(文中加载广告方式)

    信息页文内画中画广告js实现代码(文中加载广告方式)

    一般来说文章内容中的广告点击率更好,也更容易被访客看到,如果直接将广告放到页面头部会影响网站的速度,所以一般都比较喜欢这种方法,这里分享下实现方法
    2016-01-01
  • 一步步教你使用JavaScript打造一个扫雷游戏

    一步步教你使用JavaScript打造一个扫雷游戏

    javascript作为前端常用的开发语言,越来越多的人都在学习它,下面这篇文章主要给大家介绍了关于如何使用JavaScript打造一个扫雷游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-02-02
  • 微信小程序实现左侧滑栏过程解析

    微信小程序实现左侧滑栏过程解析

    这篇文章主要介绍了微信小程序实现左侧滑栏过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • bootstrap treeview 树形菜单带复选框及级联选择功能

    bootstrap treeview 树形菜单带复选框及级联选择功能

    这篇文章主要介绍了bootstrap treeview 树形菜单带复选框及级联选择功能,代码超简单,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-06-06
  • 微信小程序遍历Echarts图表实现多个饼图

    微信小程序遍历Echarts图表实现多个饼图

    这篇文章主要介绍了微信小程序遍历Echarts图表实现多个饼图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • ES6(ECMAScript 6)新特性之模板字符串用法分析

    ES6(ECMAScript 6)新特性之模板字符串用法分析

    这篇文章主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下
    2017-04-04
  • JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    JS在TextArea光标位置插入文字+移动光标到文字末尾,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性,具体实现如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • 微信小程序Vant组件库的安装与使用教程

    微信小程序Vant组件库的安装与使用教程

    之前推荐过的移动端web组件库 Vant是Vue.js版本的,其对内承载了有赞所有核心业务,对外有十多万开发者在使用,一直是业界主流的移动端组件库之一,下面这篇文章主要给大家介绍了关于微信小程序Vant组件库的安装与使用的相关资料,需要的朋友可以参考下
    2022-09-09
  • javascript判断复选框是否选中的方法

    javascript判断复选框是否选中的方法

    这篇文章主要介绍了javascript判断复选框是否选中的方法,需要的朋友可以参考下
    2015-10-10

最新评论