Javascript實(shí)現(xiàn)真實(shí)字符串剩余字?jǐn)?shù)提示的實(shí)例代碼

更新時(shí)間：2013年10月22日 14:49:04 作者：

這篇文章介紹了Javascript實(shí)現(xiàn)真實(shí)字符串剩余字?jǐn)?shù)提示的實(shí)例代碼，有需要的朋友可以參考一下

//文本框剩余字?jǐn)?shù)提示(字符大?。?
function textLimitCheckSj(thisArea, maxLength, SpanId) {
    var str = thisArea.value;
    if (getChrLen(str, maxLength) > maxLength * 2) {
        thisArea.value = str.substring(0, x-1);
    }
    else {
        var varss = '(剩余字?jǐn)?shù):' + Math.floor((maxLength * 2 - getChrLen(str, maxLength)) / 2) + ')';
        document.getElementById(SpanId).innerHTML = varss;
    }
}
function getChrLen(str, maxLength) {
    var realLength = 0, len = str.length, charCode = -1;
    x = 0;
    for (; (x < len) && (realLength <=maxLength * 2); x++) {
        charCode = str.charCodeAt(x);
        if (charCode >= 0 && charCode <= 128)
            realLength += 1;
        else
            realLength += 2;
    }
    return realLength;
}
?
<asp:TextBox ID="txtOwner_Name" runat="server" Width="200px" BackColor="LightYellow"
                        onkeyup="textLimitCheckSj(this,50,'spOwner_Name')"></asp:TextBox><span id="spOwner_Name"
                            style="color: #808080"><em>（50字以內(nèi)）</em></span>

您可能感興趣的文章:

相關(guān)文章

在小程序中使用Echart圖表的示例代碼
這篇文章主要介紹了在小程序中使用Echart圖表的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
防止登錄頁面出現(xiàn)在frame中js代碼
使用frame頁面嵌套，重啟了服務(wù)器的時(shí)候會(huì)出現(xiàn)登錄頁面在frame頁面中出現(xiàn)，解決方法是在登錄頁面里面用js判斷下當(dāng)前的地址信息
2014-07-07
js的閉包的一個(gè)示例說明
js中某個(gè)函數(shù)的內(nèi)部函數(shù)在該函數(shù)執(zhí)行結(jié)束后仍然可以訪問這個(gè)函數(shù)中定義的變量，這稱為閉包(Closure)
2008-11-11
一文詳解axios四種傳參方式及后端接參
在開發(fā)的過程中,我們會(huì)經(jīng)常使用到axios進(jìn)行數(shù)據(jù)的交互,這篇文章主要給大家介紹了關(guān)于axios四種傳參方式及后端接參的相關(guān)資料,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下
2023-10-10
原生js實(shí)現(xiàn)無限循環(huán)輪播圖效果
本文主要介紹了原生js實(shí)現(xiàn)無限循環(huán)輪播圖效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
js倒計(jì)時(shí)簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了js倒計(jì)時(shí)簡(jiǎn)單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08
Javascript遍歷Html Table示例(包括內(nèi)容和屬性值)
這篇文章主要介紹了Javascript如何遍歷Html Table(包括內(nèi)容和屬性值),需要的朋友可以參考下
2014-07-07
js修改input的type屬性及瀏覽器兼容問題探討與解決
js修改input的type屬性有些限制,今天遇到個(gè)問題一開始的時(shí)候，input的類型是text，后來變成了password類型。直觀的思路是用js修改input的type類型。但ie下這么做不可行，所以只能換個(gè)思路感興趣的朋友可以了解下
2013-01-01
javascript編程實(shí)現(xiàn)棧的方法詳解【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了javascript編程實(shí)現(xiàn)棧的方法,簡(jiǎn)單說明了棧的概念、特點(diǎn)并結(jié)合實(shí)例形式分析了javascript棧的定義、入棧、出棧等操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
淺析jsopn跨域請(qǐng)求原理及cors（跨域資源共享）的完美解決方法
由于同源策略的緣故，ajax不能向不同域的網(wǎng)站發(fā)出請(qǐng)求。接下來通過本文給大家介紹jsopn跨域請(qǐng)求原理及cors（跨域資源共享）的完美解決方法,需要的朋友可以參考下
2017-02-02