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

本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下

先来一段规定文本框只能够输入数字包括小数的jQuery代码:

脚本之家

//文本框只能输入数字(包括小数),并屏蔽输入法和粘贴

jQuery.fn.number=function(){

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);

}

});

};

$(function(){

$("#txt").number();

});

2、jQuery如何规定文本框只能输入整数:

有时候文本框的内容只能够是数字,并且还只能够是整数,例如年龄,你不能够填写20.8岁,下面就通过代码实例介绍一下如何实现此功能,希望给需要的朋友带来帮助,代码如下:

蚂蚁部落

//文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴

jQuery.fn.integer=function(){

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*/,'');

}

});

};

$(function(){

$("#txt").integer();

});

以上代码实现了我们的要求,文本框中只能够输入整数。

希望本文所述对大家学习jquery程序设计有所帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值