一、只允许录入整数
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 |