js验证电话号码与手机支持+86的正则表达式

 更新时间:2014年01月23日 09:25:56   作者:  
本篇文章主要介绍了js验证电话号码与手机支持+86的正则表达式。需要的朋友可以过来参考下,希望对大家有所帮助

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>正则表达式验证</title>

    <script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        var Validate = {

            isTel: function (s) {
                var patrn = /^((\+?86)|(\(\+86\)))?\d{3,4}-\d{7,8}(-\d{3,4})?$/
                if (!patrn.exec(s)) return false
                return true
            },

            isMobile: function (value) {
                var validateReg = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
                return validateReg.test(value);
            },

            cellPhone: function () {
                var cellPhoneNumber = $("#txtCellPhone").val();
                if (!Validate.isMobile(cellPhoneNumber)) {
                    alert("手机号码格式不正确");
                    return false;
                } else {
                    alert("您的手机号码格式是正确的");
                }
            },

            telePhone: function () {
                var telePhoneNumber = $("#txttelePhone").val();
                if (!Validate.isTel(telePhoneNumber)) {
                    alert("电话号码格式不正确");
                    return false;
                } else {
                    alert("您的电话号码格式是正确的");
                }
            }
        }
    </script>
</head>
<body>
<div>
   <label>请输入手机号码(支持+86):</label><input type="text" id="txtCellPhone" /><input  type="button" value="验证" onclick="Validate.cellPhone();"/><br />
    <label>请输入电话号码(支持+86):</label><input type="text" id="txttelePhone" /><input  type="button" value="验证" onclick="Validate.telePhone();"/><br />
</div>
</body>
</html>

相关文章

  • JS中递归函数

    JS中递归函数

    编程语言中,函数Func(Type a,……)直接或间接调用函数本身,则该函数称为递归函数。递归函数不能定义为内联函数。这篇文章主要介绍了JS中递归函数的相关资料,需要的朋友可以参考下
    2016-06-06
  • webpack 5 mode的作用和区别解析

    webpack 5 mode的作用和区别解析

    Webpack 5 是一款强大的模块打包工具,可用于将许多分散的模块按照依赖关系打包成一个(或多个)bundle,这篇文章给大家介绍webpack 5 mode的作用和区别解析,感兴趣的朋友跟随小编一起看看吧
    2024-01-01
  • 网页防止tab键的使用快速解决方法

    网页防止tab键的使用快速解决方法

    在弹出层后,tab键还可以在目页中操作,这回导致脚本错误。那么我们如果避免这种情况呢?下面小编就为大家介绍一下如何解决这个问题
    2013-11-11
  • 小程序外卖订单界面的示例代码

    小程序外卖订单界面的示例代码

    这篇文章主要介绍了小程序外卖订单界面的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 怎么引入(调用)一个JS文件

    怎么引入(调用)一个JS文件

    这篇文章主要介绍了引入(调用)一个JS文的方法,非常不错介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-05-05
  • JS手写一个自定义Promise操作示例

    JS手写一个自定义Promise操作示例

    这篇文章主要介绍了JS手写一个自定义Promise操作,结合实例形式分析了JS自定义Promise的实现与使用相关操作技巧,需要的朋友可以参考下
    2020-03-03
  • vue渲染大量数据时卡顿卡死解决方法

    vue渲染大量数据时卡顿卡死解决方法

    这篇文章主要介绍了vue渲染大量数据时发生卡顿卡死问题时的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

    JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

    这篇文章主要介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)的相关资料,需要的朋友可以参考下
    2016-02-02
  • 原生js实现自定义难度的扫雷游戏

    原生js实现自定义难度的扫雷游戏

    这篇文章主要为大家详细介绍了原生js实现自定义难度的扫雷游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JavaScript事件概念详解(区分静态注册和动态注册)

    JavaScript事件概念详解(区分静态注册和动态注册)

    这篇文章主要介绍了JavaScript事件(区分静态注册和动态注册)的相关资料,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下
    2021-02-02

最新评论