PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

限制input只输入数字

限制input只输入数字

来源:PHP程序员站  作者:  发布时间:2011-06-07
利用javascript限制input表单只能输入数字, 注:本函数依赖jquery.使用时需要引入jQuery input id=txtfp runat=server type=text style=width:50px onblur=getnum() onkeyup=checkdig() / function checkdig() { var value= $(#txtfp).val(); $(#txtfp).val(value.repla

利用javascript限制input表单只能输入数字,

注:本函数依赖jquery.使用时需要引入jQuery

<input id="txtfp" runat="server" type="text" style="width:50px" onblur="getnum()" onkeyup="checkdig()" />

  function checkdig()
        {
           var value= $("#txtfp").val();
           $("#txtfp").val(value.replace(/[^\d]/g,''));
        }

 

解释:

1:事件触发时间:onkeyup在key上升的时候触发。

2:$("#txtfp").val();获取input的文本值。当然你也可以用document获取。

3:value.replace(/[^\d]/g,''),正则表达式。意思是对全文搜索匹配。在这里是对input里的值进行匹配比较。如果匹配到非数字的字符,用空格代替。

4: $("#txtfp").val(value.replace(/[^\d]/g,''));把匹配后的值重新赋值给文本框。


延伸阅读:
intval函数不能格式化超过9位的数字
PHP打印环状数字圈
js格式化数字为两位小数
Tags: 限制   input   数字  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号