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

发布时间:2020-05-14编辑:脚本学堂
分享二个jquery限制文本框只允许输入数字的代码,一个简单,一个复杂,用来学习jquery控制文本框中内容输入很不错,大家做个参考。

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

复制代码 代码示例:
$("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设置输入法不可用。

例2,用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 = "";    
     }    
 }); www.jb200.com
 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();
});