js判斷文本框剩余可輸入字?jǐn)?shù)的方法
本文實(shí)例講述了js判斷文本框剩余可輸入字?jǐn)?shù)的方法。分享給大家供大家參考。具體如下:
目的:為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字,項(xiàng)目中需要通過(guò)判斷提示文本框剩余可輸入字?jǐn)?shù)
JS實(shí)現(xiàn)方法
<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)刷新腳本的方法
要自動(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使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家詳細(xì)介紹了使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)方法,需要的朋友參考下吧2017-10-10JavaScript最少知識(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常用元素的操作),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09javascript實(shí)現(xiàn)滾動(dòng)條效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)滾動(dòng)條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例
本篇文章主要介紹了在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-05-05