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

当前位置:

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

作者:邓华锋于2013-4-9发布在 分类:javascript / 阅读57600 次 / 共有0条评论  
$.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);//限制只能输入浮点数
附:Javascript控制文本框只能输入数字[有修改,兼容IE、火狐等浏览器]
  • 标签: 兼容 jQuery 文本框 数字 限制 浏览器
  • 该日志于 2013-4-9 09:48 由 邓华锋 发表在 邓华锋 上,你除了可以发表评论外,还可以转载"jQuery控制文本框只能输入数字[兼容IE、火狐等浏览器]"日志到你的网站或博客,但是请保留源地址及作者信息,谢谢!!
  • 版权所有:《邓华锋》 => 《jQuery控制文本框只能输入数字[兼容IE、火狐等浏览器]
    本文地址:http://dhf.me/post-181.html
    除非注明,文章均为 《邓华锋》 原创,欢迎转载!转载请注明本文地址,谢谢。