`

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

 
阅读更多
jquery 限制文本框只能输入数字 

转自:http://jonsion.iteye.com/blog/558277

$("input[name='fangwenyudinhuishu']").keyup(function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^0/g,''));   
    }).bind("paste",function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^0/g,''));   
    }).css("ime-mode", "disabled");  



上面是keyup事件处理,下面处理了CTR+V事件,最后就是CSS设置输入法不可用

 

----------------------------------------------------------------------------------------------------------------------------------------------------------------

 

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

程序:

$(function(){

 //文本框只能输入数字,并屏蔽输入法和粘贴
 $.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*/, '');   
                }   
            });   
        };  
        //调用文本框的id
  $("#score").numeral(); 

});

 

分享到:
评论
2 楼 308745107 2014-11-10  
为什么为什么为什么不能仅用ime啊。。不是很好支持chrome。。大哥求改进啊。
1 楼 gdouchufu 2014-08-16  

相关推荐

    jquery限定文本框只能输入数字(整数和小数)

    本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    3种Jquery限制文本框只能输入数字字母的方法

    第一种方法是通过$.fn.onlyNum()函数限制文本框只允许输入数字。通过绑定keypress事件,可以检查按下的键是否是0到9之间的数字键码。如果是,函数返回true,允许输入;如果不是,则返回false,阻止其他字符的输入。...

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jQuery控制文本框只能输入数字和字母及使用方法

    ### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数,我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...

    jquery限定文本框只能输入数字即整数和小数

    首先,我们来看`.integer()`函数,它的主要目的是限制文本框只能输入整数,并屏蔽输入法和粘贴功能。这个函数通过以下步骤实现: 1. 使用`.css()`方法设置`ime-mode`属性为`disabled`,这将禁用输入法,防止用户...

    js 控制文本框只能输入数字 自己开发了一个jquery插件

    在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...

    jquery教程限制文本框只能输入数字和小数点示例分享

    代码如下:$(function(){ /*JQuery 限制文本框只能输入数字*/ $(“.NumText”).keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,”)); }).bind(“paste”,function(){ //CTR+V事件处理 $(this)....

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...

    html文本框只能输入数字

    在HTML中,文本框(`&lt;input&gt;`元素)通常用于用户输入数据,但...总的来说,限制HTML文本框只能输入数字涉及到HTML5的新特性以及JavaScript的实时验证。通过合理使用这些技术,可以创建出更加友好和健壮的用户输入界面。

    js限制文本框只能输入数字或字母的方式总结.pdf

    以下是一些常见的方法来限制文本框只接受数字或字母的输入: 1. **只能输入字母和汉字**: 通过监听`onkeyup`和`onbeforepaste`事件,我们可以移除所有非字母和非汉字的字符。代码如下: ```html (/[\d]/g,'')" ...

    jquery 插件 文本框输入限制 汉字,字母

    针对"文本框输入限制汉字和字母"的需求,我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件,检查用户输入的字符是否符合规定。如果不符合,就删除它。以下是插件实现的代码: ```...

    基于jQuery实现文本框只能输入数字(小数、整数)

    要使用jQuery限制文本框只输入数字,关键在于正确地使用正则表达式来匹配并替换掉不符合条件的字符。在给出的代码示例中,使用了`.keyup()`和`.bind("paste")`两个事件处理函数,分别用于处理键盘输入和粘贴操作。 ...

    jquery只能输入数字的文本框插件

    这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    JS限制文本框只能输入数字和字母方法

    本文将详细解释如何使用JavaScript来限制文本框中只能输入数字和字母,以及单独限制只能输入数字或字母的方法。 首先,我们需要了解几个基本的JavaScript事件和方法,它们可以帮助我们在用户输入时进行即时的验证。...

    jQuery使用正则表达式限制文本框只能输入数字

    因此,要限制文本框只能输入数字,可以使用正则表达式`/[^0-9]/g`,其中`[^0-9]`表示匹配任何非数字的字符,`g`标志表示全局匹配,即会查找所有符合模式的字符。 然而,在某些浏览器(如早期版本的IE)中,可能会...

Global site tag (gtag.js) - Google Analytics