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

最新推荐文章于 2020-08-06 16:10:02 发布

原创最新推荐文章于 2020-08-06 16:10:02 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery的方法来限制网页上的文本框仅能输入整数或包含小数的数字，并禁用了输入法及粘贴功能。该方法通过监听键盘事件确保用户只能输入合法的数字字符。

$(function(){
   //文本框只能输入数字(不包括小数)，并屏蔽输入法和粘贴
   $.fn.integer= 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("paste", function() {
            return false;
        });
        this.bind("keyup", function() {
            if (/(^0+)/.test(this.value)) {
                this.value = this.value.replace(/^0*/, '');
            }
        });

   };

   //文本框只能输入数字(包括小数)，并屏蔽输入法和粘贴
   $.fn.number= 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 ;
             }
             if(this.value.indexOf(".")==-1){
                return (code >= 48 && code<= 57)||(code==46);

             }else{
                return code >= 48 && code<= 57
             }
        });
        this.bind("paste", function() {
            return false;
        });
        this.bind("keyup", function() {
            if(this.value.slice(0,1) == "."){
                this.value = "";
            }
        });
        this.bind("blur",function(){
            if(this.value.slice(-1) == "."){
                this.value = this.value.slice(0,this.value.length-1);
            }
        });
   };
});