如果文本框是一个input如下:
<input type="text" name = "userName" value="<c:out value='${userName}'/>" maxLength = "10" onkeyup="modifyNumber2(event, this);" onkeypress= "modifyNumber1(event);" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" onpaste="return false" ondragenter="return false" style="ime-mode:disabled;" />
其中:
onkeypress是键盘往下敲代码时触发的动作
onkeyup是键盘抬起来触发的动作(常用作删除操作)
2个js脚本如下.无私奉献,点滴关爱.....哈哈
function modifyNumber1(event) {
event.returnValue=false;
rule = /[0-9]/;
if (rule.test(String.fromCharCode(event.keyCode))) {
event.returnValue=true;
}
return event.returnValue;
}
function modifyNumber2(event, numObject) {
var num = numObject.value;
var rule = /[0-9]/g;
if((event.keyCode>47&&event.keyCode<58) || (event.keyCode>95&&event.keyCode<106) || event.keyCode==8 || event.keyCode==46){
if (rule.test(num)) {
num = parseInt(num,10) ;
}
if( num == 0 ){
numObject.value = '0';
}
numObject.value = num;
}
}
至于后面的事件,还请大侠们多多指教
本文介绍了一个使用HTML与JavaScript实现的仅允许输入数字的文本框案例。该文本框通过onkeypress和onkeyup事件来确保用户只能输入数字,并在输入非数字字符时阻止输入。

4559

被折叠的 条评论
为什么被折叠?



