[基础]电话/手机常见验证的Javascript示例

 

电话号码:<input type="text" id="TelPrefix" size="4" MaxLength="4"> - <input type="text" id="TelNumber" style="width:88px"> <button id="btnTestTel" onClick="return TestTel()">测试电话号码</button><br/>
手机号码:<input type="text" id="Mobile"> <button id="btnTestMobile" onClick="return TestMobile()">测试手机号码</button><br/><br/>
建议手机号码与电话号码至少请输入一项<br/><br/>
<button id="btnTest" onClick="return Test()">测试手机号码</button>

<script type="text/javascript">
    String.prototype.Trim = function() {  
        var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/);  
        return (m == null) ? "" : m[1];  
    }

    String.prototype.isMobile = function() {  
        return (/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/.test(this.Trim()));  
    } 

    String.prototype.isTel = function()
    {   
        return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));
    }

    function TestMobile()
    {
        var oMobile = document.getElementById("Mobile");
        if (!oMobile.value.isMobile())
        {
            alert("请输入正确的手机号码");
            oMobile.focus();
            oMobile.style.backgroundColor="#ff9";
            return false;
        }
        else
        {
            alert(oMobile.value);
        }
        return true;
    }


    function TestMobileEx()
    {
        var oMobile = document.getElementById("Mobile");
        if (!oMobile.value.isMobile())
        {            
            return false;
        }        
        return true;
    }

    function TestTel()
    {
        var oTelPrefix = document.getElementById("TelPrefix");
        var oTelNumber = document.getElementById("TelNumber");
        var sTel = oTelPrefix.value + "-" + oTelNumber.value;
        
        if (!sTel.isTel())
        {
            alert("请输入正确的电话号码");
            oTelPrefix.focus();
            oTelPrefix.style.backgroundColor="#ff9";
            oTelNumber.style.backgroundColor="#ff9";
            return false;
        }
        else
        {
            alert(sTel);
        }

        return true;
    }

    function TestTelEx()
    {
        var oTelPrefix = document.getElementById("TelPrefix");
        var oTelNumber = document.getElementById("TelNumber");
        var sTel = oTelPrefix.value + "-" + oTelNumber.value;
        
        if (!sTel.isTel())
        {            
            return false;
        }
        return true;
    }


    function Test()
    {
        if (TestTelEx()||TestMobileEx())
        {
            alert("验证通过");
        }
        else
        {
            alert("手机,电话至少输入一项");
            document.getElementById("TelPrefix").focus();
            document.getElementById("TelPrefix").style.backgroundColor="#ff9";
            return false;
        }
        return true;
    }
</script>

时间: 2024-09-28 21:21:05

[基础]电话/手机常见验证的Javascript示例的相关文章

asp.net 电话 手机 中英 数字验证控件

asp教程.net 电话 手机 中英 数字验证控件 1 对手机号码的验证:^1[0-9]d{9}$,之前使用的是:/^0{0,1}(13[4-9]|15[7-9]|15[0-2])[0-9]{8}$/, 编辑部在使用的时提出问题:怎么189的号不能添加啊,我一看,正则表达式没有189的号,然后跑去找一个资历老一点的同事,他给我的正则是:d{11},我一看这个验证不对啊!只能保证输入的是11位数字,格式什么的就没限制了,然后自己改了下,现在还没出现什么问题 2 只输入中文或英文:[u4e00-u9

ASP.NET 2.0服务器控件之验证控件示例

asp.net|服务器|控件|示例 在上一篇文章中,我们讲解了有关实现验证控件的一些知识.那些内容将为开发人员实现验证控件奠定一定基础.为了帮助读者更好的理解验证控件的实现方法,本文将首先介绍常见验证控件的实现步骤,然后,通过一个典型示例说明验证控件的实现方法. 1. 验证控件实现步骤 在创建验证控件过程中,需要实现服务器端验证和客户端验证等核心内容.下面列举了验证控件的常见实现步骤. (1)验证控件类应由BaseValidator基类继承.这样可使验证控件自动继承参与验证框架所需要的功能.例如

用gdb分析core文件及常见gdb命令操作示例

1.概述 在实际的软件开发项目中,程序出现问题是在所难免的.遥想本人参加工作之后首次遇到程序的情景,至今还历历在目.之前的经验告诉我,我们越是惊慌失措,问题就越是解决不了.我们要先让自己平静下来,然后再寻找解决程序问题的办法. 在Linux下做开发的朋友,想必都与core文件打过交道.当看到自己的程序运行之后出现core时,很多人都慌乱了,仿佛天快要塌下来一样.其实,我们大可不必如此,只要我们掌握了用gdb调试core文件的办法,依然可以很快定位程序问题,一举将bug消灭掉.有关Linux co

js 电话 手机 邮箱正则表达式

下面我为你提供一些漂亮的js 电话 手机 邮箱正则表达式哦,如果你正在找这类型的表达式或是js初学者就可以进来学学哦. 邮箱正则:Email : /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/, 电话正则:Phone : /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/, 手机正则:Mobile : /^(((d{2,3}))|(d{3}-))?13d{9}$/, 好了简单吧,

[WebKit] JavaScriptCore解析--基础篇(四) 页面解析与JavaScript元素的执行

很多地方都已经介绍了JavaScript在浏览器是如何被执行的,这里介绍一下WebKit是如何实现的.主要涉及JS的async,defer及普通脚本的解析与执行过程的代码实现. 1. 概要说明 先概要说明一下浏览器如何执行JavaScript的. 首先浏览器的页面解析器(Document Parser)遇到<script>就会发起下载(脚本内容在页面内的就不用下载了).然后针对不同情况执行的方式有所不同:   . async (在script标签中启用了async属性)       这是异步执

验证(Javascript和正则表达式)

原文:验证(Javascript和正则表达式) 昨天写了验证(C#和正则表达式),今天又写了个js版的验证.现在贴出来,为了方便自己查阅,同时也希望能给需要的人帮助和一些启发.由于今天才开始接触js,所以可能会有一些错漏,希望大家能批评指正. var Validator = { VerityLib: { //验证字符串非空 IsNotEmpty: function (input) { if (input != '') { return true; } else { return false; }

ajax无刷新验证注册信息示例

ajax无刷新验证注册信息示例,其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单,直接用div包着 2.需要四个标签来显示正确.错误的信息显示 3.不用submit提交按钮,直接用button 如图: 二.把ajax做成一个函数,通过传简单的参数可以与服务器进行数据交换. 1.这个ajax函数前面有一篇如何处理利用ajax处理返回数据的文章中详细说明了. 2.ajax函数需要三个参数,url,jsonData,getMsg.这里的url都是regProc

asp.net C#验证邮箱,电话,手机,数字,英文,日期,身份证,邮编,网址,IP类正则验证

下面收藏了大家开发中常用的到各种表单验证函数,包括有邮箱,电话,ip,网站,日期,身份证等,希望对各位有所帮助 #region 验证邮箱验证邮箱 /**//// <summary> /// 验证邮箱 /// </summary> /// <param name="source"></param> /// <returns></returns> public static bool IsEmail(string so

Android编程基础之获取手机屏幕大小(DisplayMetrics应用)示例_Android

本文实例讲述了Android获取手机屏幕大小的方法.分享给大家供大家参考,具体如下: 这里主要用了三个对象TextView ,Button ,以及DisplayMetrics ,其中Displaymetrics 是取得手机屏幕大小的关键类,这个例子非常的简单,当我们点击按钮,触发事件,在TextView 里显示手机屏幕的宽高分辨率. 看一下效果图: 按钮触发前: 按钮触发后: 其中我们在res->layout->values->string.xml增加了两行如下: <string