亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js判斷文本框剩余可輸入字數(shù)的方法

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

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

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

JS實現(xiàn)方法

復制代碼 代碼如下:
<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"> 
        控制輸入框字符輸入,計算輸入字符總數(shù),顯示剩余字數(shù);<br> 
        一個英文字符算一個字符,一個中文字符算兩個字符計算。 
    </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>個字符 
    </div> 
    </form> 
</body> 
</html>

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

  • JS實現(xiàn)網(wǎng)頁自動刷新腳本的方法

    JS實現(xiàn)網(wǎng)頁自動刷新腳本的方法

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

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

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

    使用cookie繞過驗證碼登錄的實現(xiàn)代碼

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

    微信小程序實現(xiàn)收縮式菜單

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

    微信小程序實現(xiàn)聊天室

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

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

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

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

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

    javascript實現(xiàn)滾動條效果

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

    詳解RequireJS按需加載樣式文件

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

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

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

最新評論