您的位置:首页 > Web前端 > JavaScript

使用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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息