JS TextArea字符串長度限制代碼集合
更新時(shí)間：2012年10月31日 15:28:21 作者：
因?yàn)闃I(yè)務(wù)需求 今天做了一個(gè)textarea文本域字符串長度限制的方法，其實(shí)網(wǎng)上已經(jīng)有了很多相關(guān)的解決方案，但在輸入日語時(shí)，在IE存在BUG，我的這個(gè)版本就是針對這種情況的
復(fù)制代碼 代碼如下:
<html>
<body>
<textarea id="t"></textarea>
<input type="text" id="b2" />
<script type="text/javascript">
textAreaLimit("t",{lastMsgLabel:"b2"})
function textAreaLimit(area,op){
var defaultOp = {
maxLength:10 //最大長度
, IsNumber:false //只能是數(shù)字
, lastMsgLabel:null //即時(shí)顯示可輸入個(gè)數(shù)的Input
, msg:"還可以輸入{0}個(gè)文字"
, errorMsg:"文字個(gè)數(shù)超出最大限制"
};
var label;
if(typeof area == "string"){
area = document.getElementById(area);
}
if(!area){
return;
}
for(var i in op){
defaultOp[i] = op[i];
}
if(defaultOp.lastMsgLabel){
if(typeof defaultOp.lastMsgLabel == "string"){
label = document.getElementById(defaultOp.lastMsgLabel);
}
}
if(defaultOp.IsNumber){
area.style.imeMode="Disabled";//IE
area.onkeydown = function(){
return event.keyCode != 229;
}
}
area.onkeyup = function(){
if(defaultOp.IsNumber){
this.value = this.value.replace(/\D/g,"");//IE之外的
}
if(this.value.length > defaultOp.maxLength){
//-------------------------------------------------------------------------------
//方案①
this.disabled = "disabled";
this.value = this.value.slice(0,defaultOp.maxLength);
this.removeAttribute("disabled");
this.focus();
//方案②
//或
//alert(defaultOp.errorMsg);
//this.value = this.value.slice(0,defaultOp.maxLength);
//-------------------------------------------------------------------------------
}
if(label){
label.value = defaultOp.msg.replace(/\{0\}/,defaultOp.maxLength -this.value.length);
}
}
}
</script>
</body>
</html>
解決輸入日語+全角時(shí)出現(xiàn)的BUG 主要是在紅線中間的代碼。
思路就是中斷日語的輸入狀態(tài)。
用如果輸入超出時(shí)能忍受彈窗的話，就用方案②,否則的話就用方案①。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于uniapp中如何修改圖標(biāo)和名稱的相關(guān)資料,uni-app是一個(gè)使用Vue.js開發(fā)跨平臺應(yīng)用的前端框架,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
js createRange與createTextRange的一些用法實(shí)例
關(guān)于createTextRange和createRange的一些用法,腳本之家增強(qiáng)版。2010-05-05
相對于很多其他的面向?qū)ο笳Z言來說，this代表的就是當(dāng)前對象。本篇文章通過實(shí)例給大家介紹js中的this關(guān)鍵字，感興趣的朋友一起看看吧2016-10-10
Javascript的promise,async和await的區(qū)別詳解
這篇文章主要為大家詳細(xì)介紹了Javascript的promise,async和await的區(qū)別，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
下面小編就為大家?guī)硪黄猨avascript判斷圖片是否加載完成的方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-05-05
平常，我們經(jīng)常使用Gif格式的圖片以保持圖片在瀏覽器中透明，以支持底色。但由于IE瀏覽器本身的原因，我們無法使透明的PNG圖片透明起來。那么，如何將它在IE瀏覽器下變得透明呢？2008-09-09
單例模式的定義是：保證一個(gè)類僅有一個(gè)實(shí)例，并提供一個(gè)訪問它的全局訪問點(diǎn)。文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
javascript實(shí)現(xiàn)判斷鼠標(biāo)的狀態(tài)
這篇文章主要介紹了javascript實(shí)現(xiàn)判斷鼠標(biāo)的狀態(tài)的相關(guān)代碼，十分簡單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
JavaScript實(shí)現(xiàn)滑塊驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
層的移動本來很簡單，用jquery插件或者自己寫一個(gè)也不難，但是最近一個(gè)ipad項(xiàng)目里，發(fā)現(xiàn)用手移動div會感覺很卡，體驗(yàn)很差（可能是ipad的配置根不上pc）。2010-11-11