`
aa860326
  • 浏览: 95607 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

“手机号码输入控件“实现

    博客分类:
  • J2EE
 
阅读更多
<! DOCTYPE html>
< html>
    < head>
       < meta charset= "utf-8" />
       < title>手机号码格式化</title>
       
       < script type= "text/javascript" >
            function format_mobile( event){
               
               setTimeout( function(value , whtchKey ){
                   var value = event.target.value;
                   var whitchKey = event.keyCode || event.charCode || event.ctrlKey; 
                   // android输入法只能检测到8
                   if (whitchKey == 8){
                       //console.log("删除前:("+value+")");
                       //mobile = value.split('');
                       //console.log("转换后:("+mobile+")");
                       //value = mobile.pop();
                       value = value.substring( 0, value.length);
                       //console.log("删除后:("+value+")");
                       event.target.value = value;
                  } else {
                       var mobile = [];
                      value = value.replace( /[^\d]/g , '');
                       for (var i = 0 ; i < value.length; i ++){
                          mobile.push(value[i]);
                           if ((2 == i) || (6 == i)){
                              mobile.push( '  ');
                          }
                      }
                       event.target.value = mobile.join( '');
                  }
               }, 10);
           }
        </script>
    </ head>
    < body>
       < input type= "tel" id= "mobileid" name="mobileid" onkeyup ="javascript :format_mobile( event)" value=""
            maxlength="15" style=" width: 100%; height: 30px; font-size: 20px; "/>
    </ body>
</ html>

 

分享到:
评论

相关推荐

    自定义控件实现手机本地动态验证码

    通过自定义view实现动态、随机生成验证码,验证码包括0~9、a~z、A~Z,提供外部接口,获取生成的值,对输入和生成的值进行判断,则实现验证码的功能;

    非常不错的JS日期时间输入控件

    1.JS日期时间控件 2.控件中支持用户自行输入 3.可在调用时设定日期时间格式字符串即可实现日期和时间的显示

    Asp.Net验证控件应用--用户注册页面

    3、本程序,采用了非空验证(RequireValidator)、范围验证(RangeValidator)、手机号码以及电子邮件的验证(RegularValidator)、比较验证(CompareValidator)以及自定义验证(CustomValidator),这几种验证控件对于我们...

    vue-phone-input:用于输入电话号码的Vue组件

    语音电话输入输入的Vue组件 :call_me_hand: 电话号码产品特点

    酷派N900手机:实现自动拨号、电话、短信、日历、拍照、打印等功能(含源代码)适用于Mobile手机。

    酷派N900手机:实现自动拨号、电话、短信、日历、拍照、打印等功能(含源代码)适用于Mobile手机。开发环境:c#+vs2005+wince5.0/mobile6.0SDK,直接打开工程就可以编译,也可以通过数据线直接部署到手机上。 现在...

    android手机安全卫士

    根据预设参数, 判断手机是否被盗,根据自定义协议发送手机中sim卡的信息和手机的位置信息给安全号码. 可以自定义特殊号码,拨号快速进入手机防盗功能,可远程通过短信指令,给手机设置锁屏密码, 远程锁定手机屏幕, 远程...

    使用AutoCompleteTextView实现自动匹配输入的内容

    比如在百度搜索内容时,当我们在搜索框内输入部分内容时,下面就会出现很多相关内容的提示供我们选择。要在手机的一个输入框中也实现这样的功能。该怎么做呢?可以研究此代码的实现方法

    基于Python+PyQt5实现的跨平台Android手机投屏与操控工具源码+项目使用说明.zip

    基于Python+PyQt5实现的跨平台Android手机投屏与操控工具源码+项目使用说明.zip 【资源介绍】 ### 初始化 确认已安装了Python3.6或更高版本。 安装依赖库(推荐使用pipenv管理虚拟环境): ```bash pip install -...

    课程设计项目-基于Python实现的安卓手机投屏工具源码+项目运行说明.zip

    课程设计项目-基于Python实现的安卓手机投屏工具源码+项目运行说明.zip课程设计项目-基于Python实现的安卓手机投屏工具源码+项目运行说明.zip 初始化 确认已安装了Python3.6或更高版本。 安装依赖库(推荐使用...

    带动画效果的手机号输入框 (3-4-4格式)

    Android自定义控件:带动画效果的手机号输入框 (3-4-4格式)

    Android开发之电话拨号器和短信发送器实现方法

    实现原理:用户输入电话号码,当点击拨打的时候,由监听对象捕获,监听对象通过文本控件获取到用户输入的电话号码,由于系统已经实现了电话拨号功能,所以我们只需要调用这个功能就可以了。 步骤: 1.界面布局 2....

    Javascript表单验证控件(Validator v1.05).rar

    手机号码; 13.邮政编码; 14.身份证号码(1.05增强); 15.QQ号码; 16.日期; 17.符合安全规则的密码; 18.某项的重复值; 19.两数的关系比较; 20.判断输入值是否在(n, m)区间; 21....

    Android自定义商品购买数量加减控件

    在购买商品时,大家可以自定义数字加减控件,来确定购买商品的实际数量,如何实现此控件,请参考下文: 1.自定义数字加减控件的要求 创建Module -NumberAddSubView A_输入的只能是数字,而且不能通过键盘输入 B_...

    Android EditText实现分割输入内容

    在项目中可能会有许多需要输入手机号码、银行卡号或者身份证号等内容的输入框。如果直接输入的话将会是一堆号码堆在一起,第一是不太美观,第二也容易出错,用户体验不太好。但是若将输入的号码按特定格式进行分割将...

    C# webbrowser实现QQ免费注册

    实现QQ注册主要的步骤; 点击navigate打开注册页面; nick处输入昵称 password处输入密码 checkcode处输入验证码 点击regist实现注册 后续手机验证码需要自己验证。

    Android编程实现读取手机联系人、拨号、发送短信及长按菜单操作方法实例小结

    本文实例讲述了Android编程实现读取手机联系人、拨号、发送短信及长按菜单操作方法。分享给大家供大家参考,具体如下: 1.Andrid项目结构图↓主要操作图中红色方框内的文件。 2.首先布局代码如下 a, main.xml 程序...

    通过QT实现联系人通讯录系统

    本人亲自编写,包含了主界面,子界面等UI。...通过QT文件输入流保存到本地,即使退出程序下次打开也可以显示通讯录的内容!(注意:此程序是在Linuxutf-8环境下编写的,换到win系统可能需要编码转换~)

    手机 pdf 阅读器

    MOTO-LINUX平台的手机上JAVA无法实现背景常亮功能,启用该功能后会闪屏,请勿再询问此问题了。 允许用户设置阅读时背景灯的亮度(对大部分NOKIA S40、SE、SAMSUNG手机有效,MOTO上无法实现) 修改跳转界面,左/右键...

    android开发实例大全_王东华

    实例026: 使用Spinner控件实现选项选择 51 实例027: 使用Gallery控件实现个人相 簿功能 55 实例028: 开发一个文件搜索程序 58 实例029: 单击按钮后实现按钮置换 60 实例030: 模拟实现一个时钟界面效果 62 实例...

Global site tag (gtag.js) - Google Analytics