让html的text输入框只能输入数字和1个小数点(0-59之间可改) | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

让html的text输入框只能输入数字和1个小数点(0-59之间可改)

2012年12月11日 ⁄ 综合 ⁄ 共 441字 ⁄ 字号小中大 ⁄ 评论关闭

<meta http-equiv="Content-Type" content="text/html; charset=gbk"><script type="text/javascript"> 
function check(event) { 
var e = window.event || event; 
var target = e.srcElement || e.target; 
var k = e.keyCode; 
if(isFunKey(k)) { 
return true; 
} 
var c = getChar(k); 
if(target.value.length == '' && (c == '-' || c == '+')) { 
return true; 
} 
if(isNaN(target.value + getChar(k))) { 
return false; 
} 
return true; 
} 
function isFunKey(code) { 
// 8 --> Backspace 
// 35 --> End 
// 36 --> Home 
// 37 --> Left Arrow 
// 39 --> Right Arrow 
// 46 --> Delete 
// 112~123 --> F1~F12 
var funKeys = [8, 35, 36, 37, 39, 46]; 
for(var i = 112; i <= 123; i++) { 
funKeys.push(i); 
} 
for(var i = 0; i < funKeys.length; i++) { 
if(funKeys[i] == code) { 
return true; 
} 
} 
return false; 
} 
function getChar(k) { 
if(k >= 48 && k <= 57) { 
return String.fromCharCode(k); 
} 
if(k >= 96 && k <= 105) { 
return String.fromCharCode(k - 48); 
} 
if(k == 110 || k == 190 || k== 188 ) { 
return "."; 
} 
if(k == 109 || k == 189) { 
return "-"; 
} 
if(k == 107 || k == 187) { 
return "+"; 
} 
return "#"; 
} 
</script><br />
<style type="text/css"> 
textarea { 
width: 200px; 
height: 80px; 
} 
span { 
color: #ff0000; 
} 
</style>
<p><input style="ime-mode:disabled;" onpaste="return false" onkeydown="return check(event)" onkeyup="if(isNaN(this.value)||this.value<0||this.value>59) this.value='0'">

返回

【上篇】设计模式C++实现（10）——桥接模式
【下篇】HTML5史上最惨重的失败：FaceBook放弃HTML5转投iOS Native

作者: salve

该日志由 salve 于11年前发表在综合分类下，最后更新于 2012年12月11日.
转载请注明: 让html的text输入框只能输入数字和1个小数点(0-59之间可改) | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）