限制textbox或textarea輸入字符長(zhǎng)度的JS代碼
更新時(shí)間：2013年10月16日 08:34:05 作者：
textbox或textarea的輸入字符限制有很多方法，在本將為大家詳細(xì)介紹下js中時(shí)如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:
<script language=javascript>
<!--
String.prototype.len=function(){
return this.replace(/[^\x00-\xff]/g,"**").length;
}
//Set maxlength for multiline TextBox
function setMaxLength(object,length)
{
var result = true;
var controlid = document.selection.createRange().parentElement().id;
var controlValue = document.selection.createRange().text;
if (controlid == object.id && controlValue != "")
{
result = true;
}
else if (object.value.len() >= length)
{
result = false;
}
if (window.event)
{
window.event.returnValue = result;
return result;
}
}
//Check maxlength for multiline TextBox when paste
function limitPaste(object,length)
{
var tempLength = 0;
if(document.selection)
{
if(document.selection.createRange().parentElement().id == object.id)
{
tempLength = document.selection.createRange().text.len();
}
}
var tempValue = window.clipboardData.getData("Text");
tempLength = object.value.len() + tempValue.len() - tempLength;
if (tempLength > length)
{
tempLength -= length;
//alert(tempLength);
//alert(tempValue);
var tt="";
for(var i=0;i<tempValue.len()-tempLength;i++)
{
if(tt.len()<(tempValue.len()-tempLength))
tt=tempValue.substr(0,i+1);
else
break;
}
tempValue=tt;
window.clipboardData.setData("Text", tempValue);
}
window.event.returnValue = true;
}
//-->
</script>
然后設(shè)多行的textbox或textarea的2個(gè)屬性.
onkeypress="javascript:setMaxLength(this,100);" onpaste="limitPaste(this, 100)"
現(xiàn)在好了，可以自動(dòng)區(qū)分中英文了，這個(gè)方案不錯(cuò)，供大家分享
您可能感興趣的文章:
相關(guān)文章
JS常見(jiàn)問(wèn)題在開(kāi)發(fā)過(guò)程中會(huì)經(jīng)常遇到過(guò)，本文整理了一些實(shí)際開(kāi)發(fā)中存在的問(wèn)題，曬出來(lái)與大家一起分享，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript封裝彈框插件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
基于JavaScript 性能優(yōu)化技巧心得(分享)
下面小編就為大家分享一篇基于JavaScript 性能優(yōu)化技巧心得，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
babel是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)化為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這篇文章主要介紹了babel的使用以及安裝配置,需要的朋友可以參考下2018-02-02
JavaScript原生開(kāi)發(fā)視頻播放器的實(shí)現(xiàn)代碼
這篇文章我們將一起探索一份自定義的視頻播放器實(shí)現(xiàn)代碼，甚至還可以實(shí)現(xiàn)有彈幕功能，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2023-06-06
我們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。2011-08-08
如何用js實(shí)現(xiàn)判斷是否是小數(shù)
這篇文章主要給大家介紹了關(guān)于如何用js實(shí)現(xiàn)判斷是否是小數(shù)的相關(guān)資料,文中介紹了如何通過(guò)使用isNaN()函數(shù)和使用正則表達(dá)式來(lái)解決,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了JavaScript邏輯Not運(yùn)算符，邏輯NOT運(yùn)算符與C和Java中的邏輯 NOT 運(yùn)算符相同，都由感嘆號(hào)（!）表示，想要深入了解邏輯Not運(yùn)算符的朋友可以參考一下2015-12-12
JavaScript手寫(xiě)一個(gè)前端存儲(chǔ)工具庫(kù)
在項(xiàng)目開(kāi)發(fā)的過(guò)程中，為了減少提高性能，減少請(qǐng)求，開(kāi)發(fā)者往往需要將一些不易改變的數(shù)據(jù)放入本地緩存中。本文就來(lái)用JavaScript手寫(xiě)一個(gè)前端存儲(chǔ)工具庫(kù)，希望對(duì)大家有所幫助2023-02-02
你必須了解的JavaScript中的屬性描述對(duì)象詳解(上)
JavaScript提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用來(lái)描述對(duì)象的屬性，控制它的行為，比如該屬性是否可寫(xiě)、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為“屬性描述對(duì)象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對(duì)象，需要的可以參考一下2022-12-12