資源描述：
《jquery控制文本框只能輸入數(shù)字和字母及使用方法_jquery》由會員上傳分享，免費在線閱讀，更多相關內容在工程資料-天天文庫。
1、jQuery控制文本框只能輸入數(shù)字和字母及使用方法在公司開發(fā)WinForm項目時，發(fā)現(xiàn)公司自主研發(fā)的textbox控件非常強大，可以實現(xiàn)〃只能輸入數(shù)字〃、〃只能輸入字母〃和〃只能輸入數(shù)字和字母〃的三種輸入限制，這樣就可以精確控制用戶輸入的內容范圍，讓〃用戶永遠沒有辦法輸入限定的內容范圍Z外的其他內容〃，也就是〃用戶即使想犯錯誤也沒有機會〃，這種限制控件輸入的方式給了我很大的啟發(fā)，如果在web項0中也能做到這樣的精確控制，那么就可以避免因為一些非法輸入而造成系統(tǒng)出錯，既然WinForm里面叮以實現(xiàn)這樣的控件，那么web項n里而也應該有辦法去實現(xiàn)類似這樣的控件或者能夠做到類似的
2、效果，經(jīng)過自己的一番研究和查找資料，終于做到了類似的效果，針對〃只能輸入數(shù)字〃、〃只能輸入字母〃和〃只能輸入數(shù)字和字母〃的三種輸入限制，我封裝成onlyNumO,onlyAlpha()和onlyNumAlphaO3個Jquery擴展方法,方便復用，由于里面一些JS代碼涉及到了〃禁用輸入法，獲取剪切板的內容〃，而〃禁用輸入法，獲取剪切板的內容〃只能在IE瀏覽器下才有效，對于別的瀏覽器是無效的，因此這三個方法只適合在1E瀏覽器下使用才有效，三個方法的代碼如下一、限制只能輸入數(shù)字////〃限制只能輸入數(shù)字////$.fn.onlyNum二fu
3、nction(){$(this)?keypress(function(event){vareventObj=event
4、
5、e;varkeyCode=eventObj.keyCode
6、
7、eventObj.which;if((keyCode>=&&keyCode<=))returntrue;elsereturnfalse;})?focus(function(){〃禁用輸入法this,style.imeMode二'disabled';})?bind(，zpastc",function(){//獲取剪切板的內容varclipboard=window.clipboardData.ge
8、tData(z，Text，z);if(廠d+$/?test(clipboard))returntrue;elsereturnfalse;});};二、限制只能輸入字母//////限制只能輸入字母////$?fn.onlyAlpha二function(){$(this)?keypress(function(event){vareventObj二event
9、
10、e;varkeyCode=eventObj.keyCode
11、
12、eventObj.which;if((keyCode>=&&keyCode<=)
13、
14、(keyCode>=&&keyCod
15、e<=))returntrue;elsereturnfalse;}).focus(function(){this,style.imeMode='disabled5;}).bind(z，paste〃，function(){varclipboard=window.clipboardData.getDataCText〃)；if(廠[a-zA-Z]+$/?test(clipboard))returntrue;elsereturnfalse;});};三、限制只能輸入數(shù)字和字母//////限制只能輸入數(shù)字和字母////$.fn.onlyNumAl
16、pha=function(){$(this)?keypress(function(event){vareventObj二event
17、
18、e;varkeyCode=eventObj.keyCode
19、
20、eventObj.which;if((keyCode>=&&keyCode<=)
21、
22、(keyCode>=&&keyCode<=)
23、
24、(keyCode>=&&keyCode<=))returntrue;elsereturnfalse;}).focus(function(){this,style.imeMode='disabled";})?bind("paste",function()
25、{varclipboard二window.clipboardData.getData(/zText/z);if(廠(d
26、[a-zA-Z])+$/.test(clipboard))returntrue;elsereturnfalse;});};使用方法：首先在畫而加載完成Z后編寫如下的JS腳本$(function(){//限制使用了onlyNum類樣式的控件只能輸入數(shù)字$(〃?onlyNum")?onlyNum();//限制使用了onlyAlpha類樣式的控件只能輸入字母$(".onlyAlpha").onlyAl
