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