如何限制textarea的字符數(shù)為225?
沖破
2016-07-19 11:43:16
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超1個(gè)贊
學(xué)過(guò)jQuery嗎?如果沒(méi)學(xué)過(guò),那js應(yīng)該學(xué)過(guò)吧?用js獲取textarea里面的文本,然后通過(guò)onkeyup(鍵盤按下時(shí))事件,判斷文本長(zhǎng)度是否為255,如果255,就讓它無(wú)論怎么輸入都等于225長(zhǎng)度范圍內(nèi)的內(nèi)容。下面我用js做的簡(jiǎn)單案例,你可以把長(zhǎng)度修改成255就可以了。
<textarea??id="txt"></textarea> <p?id="p"></p> <script> ??window.onload=function(){ ?????var?txt=document.getElementById("txt"); ????????var?p=document.getElementById("p"); ????????var?count=5;??????????????????//要顯示文本默認(rèn)的長(zhǎng)度 ????????p.innerText="你還可以輸入"+count+"個(gè)字"; ????????var?lastValue='';??????????????//?設(shè)置文本超過(guò)指定的長(zhǎng)度前的當(dāng)前文本內(nèi)容 ????????txt.onkeyup=function(){ ???????????if(txt.value.length<=5){???//當(dāng)文本不超過(guò)指定的長(zhǎng)度 ?????????????count=5-txt.value.length;//還可以輸入的長(zhǎng)度等于指定的減去當(dāng)前的 ?????????????p.innerText="你還可以輸入"+count+"個(gè)字"; ?????????????lastValue=txt.value; ???????????}else{??//超過(guò)后 ????????????txt.value=lastValue;?????//超過(guò)后的文本等于超過(guò)前的指定長(zhǎng)度文本 ???????????} ????????}; ??}; </script>
舉報(bào)