3种Jquery限制文本框只能输入数字字母的方法
onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法
number.js
//----------------------------------------------------------------------
//<summary>
//限制只能输入数字
//</summary>
//----------------------------------------------------------------------
$.fn.onlyNum=function(){
$(this).keypress(function(event){
vareventObj=event||e;
varkeyCode=eventObj.keyCode||eventObj.which;
if((keyCode>=48&&keyCode<=57))
returntrue;
else
returnfalse;
}).focus(function(){
//禁用输入法
this.style.imeMode="disabled";
}).bind("paste",function(){
//获取剪切板的内容
varclipboard=window.clipboardData.getData("Text");
if(/^\d+$/.test(clipboard))
returntrue;
else
returnfalse;
});
};
letter.js
//----------------------------------------------------------------------
//<summary>
//限制只能输入字母
//</summary>
//----------------------------------------------------------------------
$.fn.onlyAlpha=function(){
$(this).keypress(function(event){
vareventObj=event||e;
varkeyCode=eventObj.keyCode||eventObj.which;
if((keyCode>=65&&keyCode<=90)||(keyCode>=97&&keyCode<=122))
returntrue;
else
returnfalse;
}).focus(function(){
this.style.imeMode="disabled";
}).bind("paste",function(){
varclipboard=window.clipboardData.getData("Text");
if(/^[a-zA-Z]+$/.test(clipboard))
returntrue;
else
returnfalse;
});
};
number_letter.js
use.js 以上方法均可实现项目要求,大家根据自己的具体需求自由选择吧
//----------------------------------------------------------------------
//<summary>
//限制只能输入数字和字母
//</summary>
//----------------------------------------------------------------------
$.fn.onlyNumAlpha=function(){
$(this).keypress(function(event){
vareventObj=event||e;
varkeyCode=eventObj.keyCode||eventObj.which;
if((keyCode>=48&&keyCode<=57)||(keyCode>=65&&keyCode<=90)||(keyCode>=97&&keyCode<=122))
returntrue;
else
returnfalse;
}).focus(function(){
this.style.imeMode="disabled";
}).bind("paste",function(){
varclipboard=window.clipboardData.getData("Text");
if(/^(\d|[a-zA-Z])+$/.test(clipboard))
returntrue;
else
returnfalse;
});
};
$(function(){
//限制使用了onlyNum类样式的控件只能输入数字
$(".onlyNum").onlyNum();
//限制使用了onlyAlpha类样式的控件只能输入字母
$(".onlyAlpha").onlyAlpha();
//限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
$(".onlyNumAlpha").onlyNumAlpha();
相关文章