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

JS控制键盘输入

 
阅读更多

<html>
<head>
<script>
/* Author: Kevin
* Date: 2011-10-21
* Description:
* 1. 'num': Only allow to input number 0-9;
* 2. 'alp': Only allow to input alphabet A-Z(a-z);
* 3. 'numalp': Only allow to input both number and alphabet above.
*/
function fnInputCondition(pKind){

var code = event.keyCode;
var invalid = false;
var invalidMsg = "";
pKind = pKind.toUpperCase();
//alert("Kevin test: code = " + code);
if(!fnCheckControl()){

if(pKind == "NUM"){
if(!fnCheckNum()){
invalid = true;
invalidMsg = "只能输入数字!";
}
}else if(pKind == "ALP"){
if(!fnCheckAlphabet()){
invalid = true;
invalidMsg = "只能输入英文字母!";
}
}else if(pKind == "NUMALP"){
if(!(fnCheckNum() || fnCheckAlphabet())){
invalid = true;
invalidMsg = "只能输入数字和英文字母!";
}
}
if(invalid){
event.returnValue = false;
alert(invalidMsg);
}
}
// 检查是否输入控制键
function fnCheckControl(){
// 8对应退格键, 46对应Del键, 37对应向左键, 38对应向上键,39对应向右键, 40对应向下键
// 13对应回车键,20对应大写锁定键, 16对应Shift键, 144对应数码锁定键, 35对应End键,36对应Home键
if((code == 8 || code == 46 || code == 144 || code == 35 || code == 36 ||
code == 37 || code == 38 || code == 39 || code == 40 ||
code == 13 || code == 20 || code == 16)){
return true;
}else{
return false;
}
}
// 检查是否输入数字
function fnCheckNum(){
// 48-57对应键盘0-9, 96-105对应小键盘0-9, 并屏蔽Shift+(0-9)组合键
if (((code>=48 && code<=57) || (code>=96 && code<=105)) && event.shiftKey != true){
return true;
}else{
return false;
}
}

// 检查是否输入字母
function fnCheckAlphabet(){
// 65-90对应A-Z(a-z), 大小写同一个按键
if ((code>=65 && code<=90)){
return true;;
}else{
return false;
}
}
}
</script>
</head>
<body>
<input type="text" id="t_inputQty" maxlength=200 onkeydown="fnInputCondition('alp');"/>
</body>
</html>

分享到:
评论

相关推荐

    JS软键盘输入

    JS软键盘输入,通过使用键盘输入来输入密码

    JavaScript使用键盘输入控制实现数字验证功能

    根据键盘输入的keycode来判断输入的是什么类型来实现数字验证功能,就简单几行代码就可以实现,对js数字验证功能感兴趣的朋友一起看下吧

    js控制文本框只能输入整型数据(int型)

    该程序不仅能阻止用户从键盘输入非整形数据,而且还能检测用户粘贴和拖放的数据是否合法!代码中有详细解释,相信稍微懂js的人都能看懂!

    web js虚拟键盘(中英文切换)

    JS实现虚拟键盘。做网页前端,客户需要利用触摸屏进行操作,不外接鼠标键盘,能录入文字,包括数字,英文,中文。 JS实现虚拟键盘。做网页前端,客户需要利用触摸屏进行操作,不外接鼠标键盘,能录入文字,包括数字...

    js 插件键盘事件----针对表格进行操作

    针对表格进行键盘操作,控制键盘的上下左右,enter键便可以操作表格行列的输入,修改。

    node-autorobo:模拟鼠标和键盘输入,截屏

    自动机器人一个模拟鼠标和键盘输入并截取屏幕截图的节点模块。安装 $ npm install autorobo查看要求: : 文档例子 var robo = require ( "autorobo" ) ;// move the mouse to coordinatesrobo . mouse . move ( 100 ...

    Js实现网页键盘控制翻页的方法

    主要介绍了Js实现网页键盘控制翻页的方法,较为详细的分析了Js实现网页键盘控制翻页的原理与具体实现方法,非常具有实用价值,需要的朋友可以参考下

    原生js实现键盘控制div移动且解决停顿问题

    效果 :用键盘控制一个div移动 当按下一个方向键不放,div会先停顿一下,然后才开始持续移动。 原因:系统要区分用户是否连续输入,第一个到第二个之间有一个停顿时间 注:了解原因才能解决问题 效果展示 1.简单...

    react-keyboard-input-hook:可轻松处理键盘输入的 React 钩子

    这个库最初是为控制来自 Fire TV 遥控器的输入而构建的,但现在它可以灵活地用于任何使用键码的键盘输入。 注意:由于keypress事件已被 此库不支持它。演示一个示例和快速入门位于安装yarn add react-keyboard-...

    javascript的键盘控制事件说明

    控制回车焦点问题: 代码如下: [removed] function submitForm() { if(window.event.keyCode==13) { document.getElementById(‘btnSearch’).focus(); } } [removed]=submitForm; [removed] 首先需要了解的是如何...

    使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)

    开始的想法非常简单,因为扫码枪就是模拟键盘的输入,当他用usb接口插入电脑的时候,就变成了一个外接的输入设备,用js监听就可以了。但是如何判断用户是否为手动输入就需要做一些处理了。 二、主要问题 1.如何判断...

    上下左右键控制table中光标(兼容多浏览器)

    js绑定input框实现上下左右键和Enter键控制table中光标的移动,光标移至最后一个input框处,按enter键新增一行。(多浏览器可用)

    脚本语言编程脚本语言编程

    其中n的值由键盘输入,并输出结果。 3、使用JAVAScript编写客户端脚本程序,利用DOM事件过程计算第2题的公式。 三、实验步骤 1、(1)从控制面板-管理工具里打开IIS,将主目录设置为自己建的文件夹; (2)启动DW...

    vehicle-keyboard-android:停车王车牌键盘-Android

    JavaScript(Vue.js) JavaScript(Vue.js)项目,为H5页面定制,包括Web,微信,支付宝等,同样包括输入组件,键盘组件和相关控制逻辑实现 零,项目主页 Android版本 iOS版本 JavaScript Vue.js版本 兼容性声明 注意...

    Android代码-vehicle-keyboard-android

    JavaScript(Vue.js) JavaScript(Vue.js)项目,为H5页面定制,包括Web、微信、支付宝等,同样包括输入组件、键盘组件及相关控制逻辑实现 零、项目主页 Android 版本 GitHub项目主页 OSChina项目主页 iOS 版本 ...

    js限制input只能输入有效的数字(第一个不能是小数点)

    第一种方法:通过字符搜索判断等实现,适合功能增强 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;... $("#Score").bind("keypres

    react-native-keyevent:捕获外部键盘键或远程控制按钮事件

    捕获外部键盘按键或远程控制按钮事件 。 安装 通过npm 运行npm install react-native-keyevent --save 通过纱线 运行yarn add react-native-keyevent 连结中 Android: react-native link react-native-keyevent ...

    详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)

    本来想在js.coach 库里面找一找第三方的插件,看到最好的一个就是React-native-keyboard-spacer了,然而我们还差一个东西,那就是获取键盘的高度。 这个我也查了半天并没有提供,获取没找到吧。于是只好自己写原生...

    js验证表单 js验证表单

    js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能...

Global site tag (gtag.js) - Google Analytics