jquery 文本框只能输入数字 兼容IE、火狐

原创 2011年01月11日 12:05:00

<script>
 function regInput(obj, reg, inputStr)
 {
  var docSel = document.selection.createRange()
  if (docSel.parentElement().tagName != "INPUT") return false
  oSel = docSel.duplicate()
  oSel.text = ""
  var srcRange = obj.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
  return reg.test(str)
 }
</script>

 

 

<input name="OrderID" type="text" class="input" maxlength="10"

onKeyPress = "return regInput(this, /^[0-9]*$/,  String.fromCharCode(event.keyCode))"
  onpaste  = "return regInput(this, /^[0-9]*$/,  window.clipboardData.getData('Text'))"
  ondrop  = "return regInput(this, /^[0-9]*$/,  event.dataTransfer.getData('Text'))">

 

 

//支持火狐的jquery方法s

 

  $.fn.numeral = function() {  
        $(this).css("ime-mode", "disabled");  
        this.bind("keypress",function(e) {  
        var code = (e.keyCode ? e.keyCode : e.which);  //兼容火狐 IE   
            if(!$.browser.msie&&(e.keyCode==0x8))  //火狐下 不能使用退格键  
            {  
                 return ;  
                }  
                return code >= 48 && code<= 57;  
             
        });  
        this.bind("blur", function() {  
            if (this.value.lastIndexOf(".") == (this.value.length - 1)) {  
                this.value = this.value.substr(0, this.value.length - 1);  
            } else if (isNaN(this.value)) {  
                this.value = "";  
            }  
        });  
        this.bind("paste", function() {  
            var s = clipboardData.getData('text');  
            if (!//D/.test(s));  
            value = s.replace(/^0*/, '');  
            return false;  
        });  
        this.bind("dragenter", function() {  
            return false;  
        });  
        this.bind("keyup", function() {  
        if (/(^0+)/.test(this.value)) {  
            this.value = this.value.replace(/^0*/, '');  
            }  
        });  
    };

<body>   

        <input type="text" id="txt1">   

</body>   

    

  $("#txt1").numeral();   

[超牛]只能输入数字的文本框,兼容IE7IE8等

demo地址: http://123.57.250.51/static/js/keyup2.html 只能输入数字的文本框核心js代码见详情...
  • hw1287789687
  • hw1287789687
  • 2015年05月28日 22:55
  • 1635

jquery限制文本框只能输入数字的方法,适用多种浏览器

能限制住中文符号以及粘贴,删除、箭头等无限制
  • a277632346
  • a277632346
  • 2016年11月11日 15:25
  • 441

文本框只能输入特定内容如文本框只能输入数字

无标题文档 function getEvent() { if (document.all) { return window.event; } func...
  • bianjing40
  • bianjing40
  • 2016年06月20日 17:50
  • 433

jquery封装 [ 限制文本框只能输入数字和小数] 语句,简单调用即可

使用说明:     文本框添加 numOnly 属性,属性值为 true 或者 false,当属性为true时,该文本框只能输入数字且不可以为小数;     文本框添加 decimalOn...
  • u012447000
  • u012447000
  • 2015年09月09日 22:21
  • 529

Jquery控制文本框只能输入数字或字母

针对"只能输入数字"、"只能输入字母"和"只能输入数字和字母"的三种输入限制,封装成onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法,方便复用,由于里面...
  • chenbinqq
  • chenbinqq
  • 2016年01月13日 16:14
  • 1228

jquery 限制文本框只能输入数字

jquery 限制文本框只能输入数字 转自:http://jonsion.iteye.com/blog/558277 $("input[name='fangwenyudinhui...
  • suntanyong88
  • suntanyong88
  • 2014年08月19日 15:51
  • 14618

Jquery控制只能输入数字的常见方法

Jquery控制只能输入数字的常见方法
  • paincupid
  • paincupid
  • 2015年12月10日 15:43
  • 13156

JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色。但是css...
  • wswq1125
  • wswq1125
  • 2017年01月06日 08:39
  • 380

WinForm TextBox 只能输入数字

在Winform(C#)中要实现限制Textbox只能输入数字,一般的做法就是在按键事件中处理,判断keychar的值。限制只能输入数字,小数点,Backspace,del这几个键。数字0~9所对应的...
  • lqh4188
  • lqh4188
  • 2013年03月29日 09:10
  • 4783

扩展jQuery的功能限制只能输入数字

在很多的项目中,数字输入的校验是不可避免的,我们总是担心用户输入的数据不符合我们的规则,首先我们不讨论恶意用户的行为,对于正常的用户,我们也希望尽量减少因为用户输入带来的意外情况,同时这也提高用户体验...
  • tan_1208815066
  • tan_1208815066
  • 2015年03月03日 14:02
  • 948
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 文本框只能输入数字 兼容IE、火狐
举报原因:
原因补充:

(最多只允许输入30个字)