使用javascript限制文本框只允许输入数字
2009-07-14 16:41
796 查看
页面代码:
<html>
<head>
<!--引入外部js文件-->
<script language="javascript" type="text/javascript" src="number.js"></script>
</head>
<body>
<!--ime-mode:设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状-->
<!--maxlength:设置最大字符长度-->
<input type="text" name="number" style="ime-mode:disabled;" size="8" maxlength="4" value=''
onkeypress="return limit_number()"
onpaste="return limit_paste()"
ondragenter="return limit_dragenter()"
onkeyup="return limit_keyup()">
</body>
</html>
js文件:
//限制文本只能输入数字
function limit_number()
{
return event.keyCode>=48&&event.keyCode<=57;
}
//限制用粘贴方式
function limit_paste()
{
var s=clipboardData.getData('text');
if(!//D/.test(s))
{
value=s.replace(/^0*/,'');
}
return false;
}
//禁用拖曳方式将非数字型数据放入文本框中
function limit_dragenter()
{
var s=clipboardData.getData('text');
if(!//D/.test(s))
{
value=s.replace(/^0*/,'');
}
return false;
}
//当松开键盘的按键时触发onkeyup事件
function limit_keyup()
{
if(/(^0+)/.test(value))
{
value=value.replace(/^0*/, '')
}
}
s1p1
<html>
<head>
<!--引入外部js文件-->
<script language="javascript" type="text/javascript" src="number.js"></script>
</head>
<body>
<!--ime-mode:设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状-->
<!--maxlength:设置最大字符长度-->
<input type="text" name="number" style="ime-mode:disabled;" size="8" maxlength="4" value=''
onkeypress="return limit_number()"
onpaste="return limit_paste()"
ondragenter="return limit_dragenter()"
onkeyup="return limit_keyup()">
</body>
</html>
js文件:
//限制文本只能输入数字
function limit_number()
{
return event.keyCode>=48&&event.keyCode<=57;
}
//限制用粘贴方式
function limit_paste()
{
var s=clipboardData.getData('text');
if(!//D/.test(s))
{
value=s.replace(/^0*/,'');
}
return false;
}
//禁用拖曳方式将非数字型数据放入文本框中
function limit_dragenter()
{
var s=clipboardData.getData('text');
if(!//D/.test(s))
{
value=s.replace(/^0*/,'');
}
return false;
}
//当松开键盘的按键时触发onkeyup事件
function limit_keyup()
{
if(/(^0+)/.test(value))
{
value=value.replace(/^0*/, '')
}
}
s1p1
相关文章推荐
- 使用Javascript限制文本框只允许输入数字
- 使用Javascript限制文本框只允许输入数字
- 使用Javascript限制文本框只允许输入数字
- 使用Javascript限制文本框只允许输入数字
- javascript限制文本框只允许输入数字(曾经与现在的方法对比)
- 使用javascript事件机制限制文本框中只能输入数字
- 用javascript限制一个文本框只能输入数字
- javascript 限制文本框输入数字
- js实现文本框只允许输入数字并限制数字大小的方法
- 文本框只允许输入数字.net/javascript
- 用javascript限制一个文本框只能输入数字
- javascript 限制input只允许输入数字
- 用javascript限制一个文本框只能输入数字
- Javascript验证和限制文本框只能输入数字或者小数
- 在网页里让文本框只能输入数字的一种方法。外加回车换Tab (javascript key键的使用)+禁止切换输入法---转
- javascript限制input只允许输入数字
- 如何使用javascript控制html中的input文本框只能输入数字
- 文本框只允许输入字母及数字,限制输入汉字
- [小技巧]文本框中限制只能输入数字,也不允许Ctrl+V
- JavaScript 限制文本框只能输入数字的正则表达式