?
長沙網站建設|長沙網站制作|長沙牛企網絡
?

聯系牛企

jquery如何限制文本框輸入

作者:三中三连码????來源:三中三连码????發布時間:2018-01-18 09:24

在我們項目中比較多用到了文本框限制輸入,這個方法很奏效,以前沒做js限制的時候,通常用戶輸入錯誤,提交以后才會被告知填寫的內容不對, 而js判斷的最大意義在于讓客戶沒辦法輸入錯誤,前者是“允許客戶犯錯,然后在告知”,而后者是“引導客戶不犯錯”,體驗和格局上都要高一個級別,以下是jq實現用戶只能輸入字母,數字的一些方法
一、限制只能輸入數字

$.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 () {
//獲取剪切板的內容
var clipboard = window.clipboardData.getData(“Text”);
if (/^\d+$/.test(clipboard))
return true;
else
return false;
});
};

二、限制只能輸入字母

$.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;
});
};

三、 限制只能輸入數字和字母

$.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;
});
};

使用方法:首先在畫面加載完成之后編寫如下的JS腳本

$(function () {
// 限制使用了onlyNum類樣式的控件只能輸入數字
$(“.onlyNum”).onlyNum();
//限制使用了onlyAlpha類樣式的控件只能輸入字母
$(“.onlyAlpha”).onlyAlpha();
// 限制使用了onlyNumAlpha類樣式的控件只能輸入數字和字母
$(“.onlyNumAlpha”).onlyNumAlpha();
});

【長沙牛企網絡】專注于高品質三中三连码,長沙網站制作服務,專業從事長沙做網站業務,營銷型網站建設、三中三连码,長沙網站設計,長沙網站推廣,長沙網絡營銷,長沙網站優化等業務。公司奉行“優化服務,求實創新”的運營宗旨,不斷追求技術領先、服務領先、業績領先的發展目標!服務熱線188-0740-2334
?
加牛企微信
送網絡營銷寶典
牛企二維碼

關鍵詞: 三中三连码 | 三中三连码 | 三中三连码 | 三中三连码 | 三中三连码 | 三中三连码 | 三中三连码 | 三中三连码| 三中三连码|
Copyright 2008-2015 版權所有 ?長沙牛企文化傳播有限公司 湘ICP備19012123號 地址:湖南長沙市岳麓區銀盆嶺中聯重科17棟二單元504

【牛企網絡】專注于高品質網站建設服務,專業從事長沙網站建設、長沙網站制作、長沙網站設計、企業網站建設、手機網站建設、營銷型網站建設等。為長沙做網站客戶提供優質的價格保證!長沙網絡公司

在線客服
?
新疆时时开奖将结果 贵州时时彩 时时彩计划分析 pk10规律破解教程 北京pk赛车10官网 极速时时在哪里开的 新时时在线 十一运夺金山东时时 时时彩最新开奖结果 天天二八杠游戏下载 林加德 民间炸金花游戏送现金 二十一点如何必胜 大乐透2019春节停售时间 大乐透开奖前多长时间停售 蓝洞棋牌下载