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
//---------------------------------------------------------------------- //<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; }); };
use.js
$(function(){ //限制使用了onlyNum类样式的控件只能输入数字 $(".onlyNum").onlyNum(); //限制使用了onlyAlpha类样式的控件只能输入字母 $(".onlyAlpha").onlyAlpha(); //限制使用了onlyNumAlpha类样式的控件只能输入数字和字母 $(".onlyNumAlpha").onlyNumAlpha();
以上方法均可实现项目要求,大家根据自己的具体需求自由选择吧