使用javascript限制文本框只允许输入数字

 页面代码:

 


<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=''
  οnkeypress="return limit_number()"
  οnpaste="return limit_paste()"
  οndragenter="return limit_dragenter()"
  οnkeyup="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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值