一、只允许录入整数

 1.不允许录入非数字(按下字母键就会提示并清空)
  function intOnly() {
    if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57
      ||window.event.keyCode==13 //回车符
    )) {
      window.event.keyCode = 0;
      alert("请输入整数数字!");
    }
  }

 2.和intOnly()区别:输入完成焦点离开后判断数字是否合法
  function intOnly2(param) {
    var reg=/^([0-9]*)$/;
    var flag = reg.test(param.value);
    if(!flag){
      alert("请输入整数数字!");
      param.value="";
    }
  }

二、只允许数字键录入小数和整数

 1、录入的同时进行判断
  function numberOnly() {
    if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {
      window.event.keyCode = 0;
      alert("请输入数字!");
    }
  }
 2.和numberOnly()区别:输入完成焦点离开后判断数字是否合法
  function numberOnly2(param) {
    var reg=/^([0-9]+(\.?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("请输入数字!");
        param.value="";
      }
    }
  }

三、控制键盘输入时只能输入数字和'-',用于输入负数

 1.录入的同时进行判断
  function fushuOnly() {
    if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {
      window.event.keyCode = 0;
      alert("输入有误,请输入数字!");
    }
  }

 2.和phoneOnly()区别:输入完成焦点离开后判断数字是否合法
  function fushuOnly2(param) {
    var reg=/^-?([0-9]+(\.?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("输入有误,请输入数字或者负数!");
        param.value="";
      }
    }
  }

四、控制键盘输入时只能输入数字和'-',用于限制电话号码的输入

 1.录入的同时进行判断
  function phoneOnly() {
    if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57
      || window.event.keyCode == 45
      || window.event.keyCode == "\uff0d"
      ||window.event.keyCode==13 //回车符
    )) {
      alert("电话号码输入有误,请输入数字!");
      window.event.keyCode = 0;
    }
  }

 2.和phoneOnly()区别:输入完成焦点离开后判断数字是否合法
  function phoneOnly2(param) {
    var reg=/^([0-9]+(\-?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("电话号码输入有误,请输入数字!");
        param.value="";
      }
    }
  }

五、检查<html:file><input type="file">中地址所指文件是否是图片类型

  function isImage(obj) {
    var str = obj.value;
    var temp = str.indexOf(".");
    if (temp > 0) {
      str = str.substring(temp + 1).toLowerCase();
      var myTypes = new Array("gif", "jpg", "jpeg", "png");
      for (i = 0; i < myTypes.length; i++) {
        if (str == myTypes[i]) {
          return;
        }
      }

      //请选择格式为gif,jpg,jpeg,png的图片
      alert("\u8bf7\u9009\u62e9\u683c\u5f0f\u4e3agif,jpg,jpeg,png\u7684\u56fe\u7247");
      obj.select();
    }
  }

=======================================华丽的分割线===================================================

window.event.keyCode 代码对照大全

  firefox2.0中不支持 window.event.keyCode,

    但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性,最好用event.keyCode|| event.which.

  Keycode对照表(转载自地址
字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57

  

数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110        
7 103 / 111        

  

控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Dw Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 ,< 188 '" 222
多媒体键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175            
音量减 174            
停止 179            
静音 173            
浏览器 172            
邮件 180            
搜索 170            
收藏 171  

JS控制键盘录入 和 window.event.keycode对照的更多相关文章

  1. Window.Event.KeyCode=13

    Window.Event.KeyCode=13是enter键处发windows事件,enter键的ASCII是13. <input type="password" name= ...

  2. Javascript中的window.event.keyCode使用介绍

    <body onkeydown=" alert(window.event.keyCode)"> <body onkeydown="if(window.e ...

  3. window.event.keycode值大全

    window.event.keycode值大全 event.keycode值大全 1 keycode 8 = BackSpace BackSpace 2 keycode 9 = Tab Tab 3 k ...

  4. Window.Event.KeyCode的含义

    Window.Event.KeyCode=13的含义(转载) 2011-04-16 09:41:18|  分类: html |  标签:keycode  event  realkey  var  do ...

  5. 解决webkit浏览器中js方法中使用window.event提示未定义的问题

    这实际上是一个浏览器兼容性问题,根源百度中一大堆,简要说就是ie中event对象是全局变量,所以哪里都能使用到,但是webkit内核的浏览器中却不存在这个全局变量event,而是以一个隐式的局部变量的 ...

  6. ASP.NET使用window.event.keycode来获取按下的键盘值!

    window.event.keycode-获取按下的键盘值 这里只列出了一些较常用的键盘值更加详细的键盘值请访问此人博客:https://www.cnblogs.com/z-sm/p/3597592. ...

  7. JS中event.keyCode用法及keyCode对…

    js中event.keyCode用法及keyCode对照表 标签: javascriptJavaScriptJavascriptjavaScript 2012-12-11 15:11 HTML Jav ...

  8. js中event.keyCode用法及keyCode对照表

    HTML 用户名:<input type="text" id="UserAccount" onKeyPress="JumpByEnter(Use ...

  9. js防止回车(enter)键提交表单及javascript中event.keycode

      如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里 ...

随机推荐

  1. Entity Framework 6 Recipes 2nd Edition(11-9)译 -> 在LINQ中使用规范函数

    11-9. 在LINQ中使用规范函数 问题 想在一个LINQ查询中使用规范函数 解决方案 假设我们已经有一个影片租赁(MovieRental )实体,它保存某个影片什么时候租出及还回来,以及滞纳金等, ...

  2. Microsoft Visual Studio 2013 — Project搭载IIS配置的那些事

    前段时间在改Bug打开一个project时,发生了一件奇怪的事,好好的一直不能加载solution底下的这个project,错误如下图所示:大致的意思就是这个project的web server被配置 ...

  3. CentOS 安装OciLib 4.2.1 (Linux)

    项目要用oracle , Windows的 OciLib 好弄, 今天安装到linux下 ,编译老是出错,最后几行如下: checking for OCILIB install path... /us ...

  4. 如何隐藏DIV对象

    DIV对象在网页里面,相当于一个容器,在其内部,可以显示文字.图片.视频控件等等. 以下的教程,和大家一起来学习,如何隐藏DIV对象. 这必须使用CSS来控制,才能达到隐藏的目的,那么,就得使用CSS ...

  5. springmvc 配置01

    springmvc请求流程与struts比较   1.添加包 com.springsource.org.aopalliance-1.0.0.jarcom.springsource.org.apache ...

  6. Python标准模块--built-ins函数

    1.Python内置函数 2.Python内置函数举例 2.1 数学运算 abs,计算绝对值: >>> abs(-1) 1 >>> abs(3) 3 round,四 ...

  7. 窥探Vue.js 2.0

    title: 窥探Vue.js2.0 date: 2016-09-27 10:22:34 tags: vue category: 技术总结 --- 窥探Vue.js2.0 令人兴奋的Vue.js 2. ...

  8. UWP开发之Mvvmlight实践五:SuspensionManager中断挂起以及复原处理

    最近比较忙有一段时间没有更新了,再接再厉继续分享. 案例下载:https://github.com/NewBLife/UWP/tree/master/SuspendSample 先我们看看App在生命 ...

  9. 杂谈:用 Sublime Text 2 写 ActionScript3

    Sublime Text这是程序员最喜爱的编辑器,说说在win7下使用Sublime Text来编写as文件以及编译与运行swf. 准备工作 1.Sublime Text 2 2.Java 的JDK( ...

  10. Java中的泛型 (上) - 基本概念和原理

    本节我们主要来介绍泛型的基本概念和原理 后续章节我们会介绍各种容器类,容器类可以说是日常程序开发中天天用到的,没有容器类,难以想象能开发什么真正有用的程序.而容器类是基于泛型的,不理解泛型,我们就难以 ...