3種Jquery限制文本框只能輸入數(shù)字字母的方法
更新時間：2014年12月03日 15:51:30 投稿：hebedich
這篇文章主要介紹了3種Jquery限制文本框只能輸入數(shù)字字母的方法,簡單又實用，需要的朋友可以參考下
onlyNum()，onlyAlpha()和onlyNumAlpha()3個Jquery擴展方法
number.js
復(fù)制代碼 代碼如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能輸入數(shù)字
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNum = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57))
return true;
else
return false;
}).focus(function () {
//禁用輸入法
this.style.imeMode = 'disabled';
}).bind("paste", function () {
//獲取剪切板的內(nèi)容
var clipboard = window.clipboardData.getData("Text");
if (/^\d+$/.test(clipboard))
return true;
else
return false;
});
};
letter.js
復(fù)制代碼 代碼如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能輸入字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste", function () {
var clipboard = window.clipboardData.getData("Text");
if (/^[a-zA-Z]+$/.test(clipboard))
return true;
else
return false;
});
};
number_letter.js
復(fù)制代碼 代碼如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能輸入數(shù)字和字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNumAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste", function () {
var clipboard = window.clipboardData.getData("Text");
if (/^(\d|[a-zA-Z])+$/.test(clipboard))
return true;
else
return false;
});
};
use.js
復(fù)制代碼 代碼如下:
$(function () {
// 限制使用了onlyNum類樣式的控件只能輸入數(shù)字
$(".onlyNum").onlyNum();
//限制使用了onlyAlpha類樣式的控件只能輸入字母
$(".onlyAlpha").onlyAlpha();
// 限制使用了onlyNumAlpha類樣式的控件只能輸入數(shù)字和字母
$(".onlyNumAlpha").onlyNumAlpha();
以上方法均可實現(xiàn)項目要求，大家根據(jù)自己的具體需求自由選擇吧
相關(guān)文章
之前寫的分頁，操作時要把傳的參數(shù)放到隱藏hidden中，比較麻煩，下面重新包裝了一下,需要的朋友可以參考參考2014-06-06
jQuery彈出層始終垂直居中相對于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時候，我們就需要用JS去處理，去動態(tài)獲取當(dāng)前窗口高或者寬；今天弄了2種情況，一個是相對于屏幕窗體，一個是相對于當(dāng)前的窗口，看代碼2013-04-04
jQuery中的ready函數(shù)與window.onload誰先執(zhí)行
這篇文章主要介紹了jquery中ready函數(shù)與window.onload函數(shù)的區(qū)別，別講解了他們各自執(zhí)行的時機，通俗易懂，需要的朋友可以參考下。2016-06-06
jquery插件treegrid樹狀表格的使用方法詳解（.Net平臺）
本文主要介紹了jquery插件treegrid樹狀表格的使用方法，具有一定的參考作用，下面跟著小編一起來看下吧
2017-01-01 
這篇文章主要介紹了jquery與js實現(xiàn)全選功能的區(qū)別,需要的朋友可以參考下
2017-06-06 
有時候我們在前端開發(fā)工作中為了獲取圖片的信息，需要在圖片加載完成后才可以正確的獲取到圖片的大小尺寸，并且執(zhí)行相應(yīng)的回調(diào)函數(shù)使圖片產(chǎn)生某種顯示效果。本文主要整理了幾種常見的jquery判斷圖片加載完成時的方法
2015-08-08 
本文是通過nanoscrollerjs簡單實現(xiàn)Mac OS 系統(tǒng)滾動條效果特效，以及本插件的使用方法和參數(shù)，非常不錯，這里推薦給大家。
2015-02-02 
jQuery ''行 4954 錯誤: 不支持該屬性或方法'' 的問題解決方法
這個問題只在IE下出現(xiàn)。詭異的是，對于出現(xiàn)這個問題的頁面，重新刷新一下就又好了，Ajax 工作一切正常。順便說一下，我的 jQuery 版本是 1.4.2。
2011-01-01 
jquery實現(xiàn)微博文字輸入框 輸入時顯示輸入字?jǐn)?shù) 效果實現(xiàn)
這篇文章介紹了用jquery實現(xiàn)微博文字輸入框 輸入時顯示輸入字?jǐn)?shù)的效果，有需要的朋友可以參考一下
2013-07-07