概述：
如下代碼可以實現對文本域中字符串數量進行限制，并且可以知道已輸入字符串數量和剩余字符串數量。對文本域字符串數量進行控制可以實現緩解后臺數據信息量壓力，下面代碼其他網站也有記載，僅供參考，謝謝。
Web截圖：
代碼詳情：
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="KeyWords" content=""> <meta name="Description" content=""> <title>文本域字數限制</title> </head> <!--TEXTAREA001[CSS]--> <style type="text/css"> #first{ width:200px; height:100px; max-width:260px; max-height:160px; } </style> <!--TEXTAREA001[js]--> <script type="text/javascript" language="Javascript"> //獲取相應ID值的對象 function getID(str){ return (document.getElementById(str))?document.getElementById(str):false; } //鍵盤按下時所觸發的事件 function count(){ //聲明一個max表示可以輸入文本框中的最大值 var max //賦予max最大值300字符串量 max=300; if(getID("first").value.length>max){ getID("first").value = getID("first").value.substring(0,max); getID("used").innerHTML=0; getID("remain").innerHTML=max; //當輸入的字符串量超額時，彈出此警示窗內容 alert("主人，您輸入的字數要超額了偶！"); }else{ getID("used").innerHTML = getID("first").value.length; getID("remain").innerHTML = max-getID("first").value.length; } } </script> <body> <!--TEXTAREA001--> <textarea id="first" onkeydown="count()" onkeyup="count()"></textarea> 輸入：<b id="used">0</b>字 剩余：<b id="remain">0</b>字 </body></html>
感謝您的傾心閱讀
新聞熱點
疑難解答
