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

162 阅读 0 评论 107 点赞

我是靠谱客的博主超帅柠檬，最近开发中收集的这篇文章主要介绍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); 
} 
}); 
}; 
}); 