当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 输入框数字限制插件

Javascript
javascript 写类方式之九
javascript 写类方式之十
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
jquery BS,dialog控件自适应大小
javascript 面向对象思想 附源码
js 日期转换成中文格式的函数
JavaScript 对象、函数和继承
JavaScript 解析读取XML文档
javascript获取表格 td 中的内容
javascript xml为数据源的下拉框控件
jQuery 1.3 和 Validation 验证插件1.5.1
javascript 字符 Escape,encodeURI,encodeURIComponent
jquery text,radio,checkbox,select操作实现代码
JavaScript 继承的实现
JS 数组 移除 实现代码
javascript eval()应用实例 select
javascript 焦点的两个问题
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jquery 组合form元素为json格式,asp.net反序列化
window.onload 加载完毕的问题及解决方案(上)

Javascript 中的 jquery 输入框数字限制插件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 426 ::
收藏到网摘: n/a

jquery 输入框数字限制插件,需要的朋友可以参考下。 直接看代码:
复制代码 代码如下:

(function($){
var keyCode={
BACKSPACE: 8,
CAPS_LOCK: 20,
COMMA: 188,
CONTROL: 17,
DELETE: 46,
DOWN: 40,
END: 35,
ENTER: 13,
ESCAPE: 27,
HOME: 36,
INSERT: 45,
LEFT: 37,
// NUMPAD_ADD: 107,
// NUMPAD_DECIMAL: 110,
// NUMPAD_DIVIDE: 111,
// NUMPAD_ENTER: 108,
// NUMPAD_MULTIPLY: 106,
// NUMPAD_SUBTRACT: 109,
PAGE_DOWN: 34,
PAGE_UP: 33,
PERIOD: 190,
RIGHT: 39,
SHIFT: 16,
SPACE: 32,
TAB: 9,
UP: 38
}
var isControlCode=function(key){
for(name in keyCode){
if(keyCode[name]==key)
return true;
}
return false;
}
var number=function(event){
var t=this;
if(event.shiftKey)
return false;
var key=event.keyCode;
if(isControlCode(key))
return;
if(key<48 || key>105)
return false;
if(key>57 && key<96)
return false;
}
var ControlList={};
var control=Class.extend({
init:function(obj){
this.Event=[];
this.target=$(obj);
},
Add:function(settings){
var t=this;
t.Event.push(settings);
return t;
},
Bind:function(){
var t=this;
if(!t.target){
return;
}
t.target.each(function(){
var b=$(this);
b.bind("keydown",t.event.bind(t)).bind("keyup",t.event.bind(t));
if(jQuery.browser.msie)
{
b.bind("paste",t.event.bind(t));
}
else{
b.bind("input",t.event.bind(t));
}
});
},
getmethods:function(type){
var t=this;
var list=[];
$(t.Event).each(function(i,item){
if(!item.type || !item.method)
return;
if(item.type=="all"){
list.push(item.method);
}else
{
if(item.type==type){
list.push(item.method);
}
}
});
return list;
},
IsSuccess:function(list,event,obj){
var istrue=true;
for(var i=0;i<list.length;i++){
if(list[i].call(obj,event)===false)
{
istrue=false;
break;
}
}
return istrue;
},
event:function(ev){
var t=this;
var event=ev.originalEvent;
var obj=ev.target;
return t.IsSuccess(t.getmethods(ev.type),event,obj);
}
});
control.Add=function(obj,settings){
var con= ControlList[this.selector];
if(!con)
{
con=new control(obj);
ControlList[this.selector]=con;
con.Bind();
}
con.Add(settings);
return control;
}
$.fn.numberable=function(){
$(this).css("imeMode","disabled");
control.Add(this,{type:"keydown",method:number}).Add(this,{type:"keyup",method:number});
function repnumber(event){
var o= $(this);
if(o.val()){
o.val(o.val().replace(/[^\d]/g,""));
}
}
if(jQuery.browser.msie){
control.Add(this,{type:"paste",method:function(event){var o=this;
setTimeout(repnumber.bind(o,event),0);
}
});
}
else
{
control.Add(this,{type:"input",method:repnumber});
}
return this;
}
})(jQuery);

用法:
复制代码 代码如下:

$(".class").numberable();

这只是限制了数字,还可以扩展其他的功能,