3種Jquery限制文本框只能輸入數(shù)字字母的方法
更新時間：2014年12月03日 15:51:30 投稿：hebedich
這篇文章主要介紹了3種Jquery限制文本框只能輸入數(shù)字字母的方法,簡單又實用，需要的朋友可以參考下
onlyNum()，onlyAlpha()和onlyNumAlpha()3個Jquery擴展方法
number.js
復制代碼 代碼如下:
// ----------------------------------------------------------------------
// <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
復制代碼 代碼如下:
// ----------------------------------------------------------------------
// <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
復制代碼 代碼如下:
// ----------------------------------------------------------------------
// <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
復制代碼 代碼如下:
$(function () {
// 限制使用了onlyNum類樣式的控件只能輸入數(shù)字
$(".onlyNum").onlyNum();
//限制使用了onlyAlpha類樣式的控件只能輸入字母
$(".onlyAlpha").onlyAlpha();
// 限制使用了onlyNumAlpha類樣式的控件只能輸入數(shù)字和字母
$(".onlyNumAlpha").onlyNumAlpha();
以上方法均可實現(xiàn)項目要求，大家根據(jù)自己的具體需求自由選擇吧
相關(guān)文章
從DOM中刪除所有匹配的元素。這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外，其他的比如綁定的事件，附加的數(shù)據(jù)等都會被移除。我的理解就是將元素移除了。2015-08-08
這篇文章主要介紹了JQuery中Bind()事件用法,實例分析了Bind()事件的功能、特點與綁定事件時的使用技巧,需要的朋友可以參考下2015-05-05
jquery請求servlet實現(xiàn)ajax異步請求的示例
下面小編就為大家?guī)硪黄猨query請求servlet實現(xiàn)ajax異步請求的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了JQuery標簽頁效果,結(jié)合實例形式較為詳細的分析了jQuery響應鼠標事件動態(tài)遍歷及切換標簽頁的技巧,需要的朋友可以參考下2015-12-12
jQuery里提供三種方法來改變頁面元素的樣式，雖然它們和傳統(tǒng)方法的思想相通，但是卻節(jié)省了許多代碼2014-06-06
這個DivAlert插件，顧名思義就是頁面彈出框，也就相當于Winform里面MessageBox.Show()那樣的東西。2010-04-04
這篇文章主要介紹了jQuery中offsetParent()方法用法,實例分析了offsetParent()方法的功能、定義及返回匹配元素所有祖先元素中第一個采用定位的祖先元素時的使用技巧,需要的朋友可以參考下2015-01-01
本篇文章主要是對利用js(jquery)操作Cookie的方法進行了詳細的說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
用戶注冊的表單往往是需要進行驗證的，否則會有一些不否合規(guī)則的數(shù)據(jù)入庫，后果會不堪設想，下面為大家詳細介紹下通過jquery是如何實現(xiàn)的，下面有個示例，感興趣的朋友可以參考下2013-08-08
可輸入文字查找ajax下拉框控件 ComBox的實現(xiàn)方法
下面小編就為大家?guī)硪黄奢斎胛淖植檎襛jax下拉框控件 ComBox的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10