目錄
實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)
效果
代碼
快捷鏈接
html部分
<h2>實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)(字母,數(shù)字,中文都算一個(gè)字)</h2> <h>昵稱:</h> <input type="text" id="myText" maxlength="15" onKeyUp="keypress1()"/> <label id="name">15</label><span>/</span><label>15</label> <br> <h>評(píng)論內(nèi)容:</h><br> <textarea id="myArea" style="width: 100px;" cols="10" rows="3" onKeyUp="keypress2()" onblur="keypress2()"></textarea> <label id="pinglun">30</label><span>/</span><label>30</label>
js部分
function keypress1(){ var text1=document.getElementById("myText").value; var maxLen=document.getElementById("myText").maxLength; var len=maxLen-text1.length; document.getElementById("name").innerText=len;} function keypress2(){ var text1=document.getElementById("myArea").value; var maxLen=document.getElementById("myArea").cols*document.getElementById("myArea").rows; var len;//記錄剩余字符串的長(zhǎng)度 if(text1.length>=maxLen) { document.getElementById("myArea").value=text1.substr(0,maxLen);//只顯示起始位-末尾;substr(起始位,末尾) len=0; }else{ len=maxLen-text1.length; } document.getElementById("pinglun").innerText=len;}
相關(guān)文章:
javascript TextArea動(dòng)態(tài)顯示剩余字符_表單特效
怎么實(shí)現(xiàn)獲取textarea的動(dòng)態(tài)剩余字?jǐn)?shù)
js判斷文本框剩余可輸入字?jǐn)?shù)的方法
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com