欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js判斷文本框剩余可輸入字?jǐn)?shù)的方法

 更新時(shí)間:2015年02月04日 09:18:26   作者:whazhl  
這篇文章主要介紹了js判斷文本框剩余可輸入字?jǐn)?shù)的方法,可實(shí)現(xiàn)直觀顯示文本框可輸入字?jǐn)?shù)的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js判斷文本框剩余可輸入字?jǐn)?shù)的方法。分享給大家供大家參考。具體如下:

目的:為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字,項(xiàng)目中需要通過(guò)判斷提示文本框剩余可輸入字?jǐn)?shù)

JS實(shí)現(xiàn)方法

復(fù)制代碼 代碼如下:
<html> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript"> 
  
        var maxstrlen = 160; 
        function Q(s) { return document.getElementById(s); } 
  
        function checkWord(c) { 
            len = maxstrlen; 
            var str = c.value; 
            myLen = getStrleng(str); 
            var wck = Q("wordCheck"); 
  
            if (myLen > len * 2) { 
                c.value = str.substring(0, i + 1); 
            } 
            else { 
                wck.innerHTML = Math.floor((len * 2 - myLen) / 2); 
            } 
        } 
  
        function getStrleng(str) { 
            myLen = 0; 
            i = 0; 
            for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) { 
                if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) 
                    myLen++; 
                else 
                    myLen += 2; 
            } 
            return myLen; 
        } 
     
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="font-size: 16px"> 
        控制輸入框字符輸入,計(jì)算輸入字符總數(shù),顯示剩余字?jǐn)?shù);<br> 
        一個(gè)英文字符算一個(gè)字符,一個(gè)中文字符算兩個(gè)字符計(jì)算。 
    </div> 
    <div> 
        <textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);" 
            name="content" style="overflow-y: scroll"></textarea> 
    </div> 
    <div> 
        還可以輸入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>個(gè)字符 
    </div> 
    </form> 
</body> 
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • JS實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新腳本的方法

    JS實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新腳本的方法

    要自動(dòng)刷新網(wǎng)頁(yè),你可以使用JavaScript腳本來(lái)實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新腳本的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • js實(shí)現(xiàn)圖片輪播切換效果

    js實(shí)現(xiàn)圖片輪播切換效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片輪播切換效果,圖片自動(dòng)輪播切換、點(diǎn)擊上下鍵圖片切換上下圖片等,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)代碼

    使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)代碼

    本文通過(guò)實(shí)例代碼給大家詳細(xì)介紹了使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)方法,需要的朋友參考下吧
    2017-10-10
  • 微信小程序?qū)崿F(xiàn)收縮式菜單

    微信小程序?qū)崿F(xiàn)收縮式菜單

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)收縮式菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 微信小程序?qū)崿F(xiàn)聊天室

    微信小程序?qū)崿F(xiàn)聊天室

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)聊天室,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • JavaScript最少知識(shí)原則介紹與體現(xiàn)

    JavaScript最少知識(shí)原則介紹與體現(xiàn)

    最少知識(shí)原則(LKP)說(shuō)的是一個(gè)軟件實(shí)體應(yīng)當(dāng)盡可能少地與其他實(shí)體發(fā)生相互作用。這里的軟件實(shí)體是一個(gè)廣義的概念,不僅包括對(duì)象,還包括系統(tǒng)、類、模塊、函數(shù)、變量等
    2022-08-08
  • 基于layui內(nèi)置模塊(element常用元素的操作)

    基于layui內(nèi)置模塊(element常用元素的操作)

    今天小編就為大家分享一篇基于layui內(nèi)置模塊(element常用元素的操作),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • javascript實(shí)現(xiàn)滾動(dòng)條效果

    javascript實(shí)現(xiàn)滾動(dòng)條效果

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)滾動(dòng)條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • 詳解RequireJS按需加載樣式文件

    詳解RequireJS按需加載樣式文件

    本篇文章主要介紹了RequireJS按需加載樣式文件,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-04-04
  • 在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例

    在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例

    本篇文章主要介紹了在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2017-05-05

最新評(píng)論