`
不要骗我
  • 浏览: 15615 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

javascript特效:只能输入数字

阅读更多
2011-05-23 01:03

<!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" xml:lang="en" lang="en">
<head>
 <!-- Created by TopStyle Pro Trial Version -  www.bradsoft.com -->
 <title></title>
 
</head>

<body>
<script type="text/javascript"> 
// 说明 : 用 Javascript 实现只能输入数字的文本框
// 整理 : CodeBit.cn (  http://www.CodeBit.cn )
 function checkNumber(e) {    
 var key = window.event ? e.keyCode : e.which;   
  var keychar = String.fromCharCode(key);    
  var el = document.getElementById('test');    
  var msg = document.getElementById('msg');      reg = /\d/;   
   var result = reg.test(keychar);   
  if(!result)  {   el.className = "warn";          msg.innerHTML = "只能输入数字";        
  return false; }    
  else  {         
  el.className = "";          msg.innerHTML = "";         return true;   
   }
   } 
  </script> 
 <div id="test">

     请输入数字:<input type="text" onkeypress="return checkNumber(event);" />
    <span id="msg"></span>
</div>

</body>
 

 

分享到:
评论

相关推荐

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    javascript网页特效实例大全

    8.4 在状态栏显示输入字符的页面 208 8.5 页面的加密功能 209 8.6 调色板更换页面背景 211 8.7 滚动信息公告页面 213 8.8 页面背景的颜色变化 215 8.9 页面背景的随机显示 216 8.10 单击按钮打印当前页面 217 ...

    程序天下:JavaScript实例自学手册

    第 14章 数字、数组和统计函数特效 14.1 边打字边显示字数 14.2 创建随机数 14.3 JavaScript创建二维数组 14.4 截断小数点位数 14.5 删除数组中指定元素 14.6 数字选中后放大 14.7 统计字符数的方法 14.8 JavaScript...

    《程序天下:JavaScript实例自学手册》光盘源码

    第 14章 数字、数组和统计函数特效 14.1 边打字边显示字数 14.2 创建随机数 14.3 JavaScript创建二维数组 14.4 截断小数点位数 14.5 删除数组中指定元素 14.6 数字选中后放大 14.7 统计字符数的方法 14.8 JavaScript...

    JavaScript完全自学宝典 源代码

    示例描述:演示JavaScript的简单应用及JavaScript特效。 1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3.html 使用JavaScript进行文本框值的...

    多年收集积累的JavaScript /jQuery插件/UI资料合集(90个).zip

    input只能输入数字number.html JavaScript实现的ajax城市选择控件源代码.rar jcarousellite图片滚动.rar JQuery Tab.rar JQuery zTree v3.1.zip jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动.rar jQuery&...

    基于JavaScript实现数码时钟效果

    通过for循环将数组中的每一项都赋值给img元素相对应的上面,str.charAt(i)通过i递增将str的每个数字输入到src中。 通过封装函数tick,并调用了一次,使得网页在刷新时不会出现图片变化。 通过getHours,...

    JavaScript实例精通

    JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示...

    JavaScript实用范例词典04-14

    9.27 以图片显示输入的数字... 273 9.28 制作Google搜索表单... 275 9.29 一个简单的计算器... 276 9.30 取得文字区域中文字的行数... 277 9.31 在文字区域中移动光标的位置... 278 9.32 在文字区域中添加一行...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    jQuery自定义数值抽奖活动代码

    本文实例为大家分享了jquery输入数字随机抽奖特效代码,供大家参考,具体内容如下 代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery自定义数值抽奖...

    Javascrip家务骰子,掷骰子游戏DIV+CSS

    摘要:脚本资源,Ajax/JavaScript,家务骰子,掷骰子 一个JavaScript版网页小游戏源码,js版家务骰子DIV+CSS源码下载:DIV+CSS+Javascript所编写,指定摇晃次数,随机选择人物和事件,界面美观大方,模拟芒果手机瓷砖块...

    java源码包2

     数字证书:从文件中读取数字证书,生成文件输入流,输入文件为c:/mycert.cer,获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录  一个Java+ajax...

    70款经典Dreamweaver插件

    calendarPopup 一个弹出日历表格,用以确保输入的日历是按照特定的格式进行输入的,主要特色包括:日历链接,按照需要的方式设定日历的格式,按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1...

    vcg(验证码控件)

    提供灵活的中文诗词、中文单字、英文大小写字母、阿拉伯数字等丰富的验证码生成字源混合控制以及对于字数和字体的自定义控制,让程序员在面对不同客户以及网页访问者的特殊要求的同时仍能从容兼顾良好的用户体验;...

    java源码包---java 源码 大量 实例

     数字证书:从文件中读取数字证书,生成文件输入流,输入文件为c:/mycert.cer,获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录  一个Java+ajax写...

    JAVA上百实例源码以及开源项目

     数字证书:从文件中读取数字证书,生成文件输入流,输入文件为c:/mycert.cer,获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录  一个Java+ajax写...

Global site tag (gtag.js) - Google Analytics