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

 更新时间:2013年11月29日 17:53:45   作者:  
限定文本框只能输入数字即整数和小数,在某些特殊情况下还是比较实用的,下面有个不错的示例,通过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);
}
});
};
});

相关文章

最新评论