您的位置:首页 > Web前端 > JQuery

jQuery控制文本框只能输入数字[兼容IE、火狐等浏览器]

2013-12-24 14:32 573 查看
$.fn.numeral=function(bl){//限制金额输入、兼容浏览器、屏蔽粘贴拖拽等
$(this).keypress(function(e){
var keyCode=e.keyCode?e.keyCode:e.which;
if(bl){//浮点数
if((this.value.length==0 || this.value.indexOf(".")!=-1) && keyCode==46) return false;
return keyCode>=48&&keyCode<=57||keyCode==46||keyCode==8;
}else{//整数
return  keyCode>=48&&keyCode<=57||keyCode==8;
}
});
$(this).bind("copy cut paste", function (e) { // 通过空格连续添加复制、剪切、粘贴事件
if (window.clipboardData)//clipboardData.setData('text', clipboardData.getData('text').replace(/\D/g, ''));
return !clipboardData.getData('text').match(/\D/);
else
event.preventDefault();
});
$(this).bind("dragenter",function(){return false;});
$(this).css("ime-mode","disabled");
$(this).bind("focus", 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 = "";
}
});
}


使用方法:

$("#num").numeral(false);//限制只能输入整数
$("#price").numeral(true);//限制只能输入浮点数


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: