《文本域字?jǐn)?shù)限制》

2024-04-27 15:07:59

字體：大中小

供稿：網(wǎng)友

概述：

如下代碼可以實現(xiàn)對文本域中字符串?dāng)?shù)量進(jìn)行限制，并且可以知道已輸入字符串?dāng)?shù)量和剩余字符串?dāng)?shù)量。對文本域字符串?dāng)?shù)量進(jìn)行控制可以實現(xiàn)緩解后臺數(shù)據(jù)信息量壓力，下面代碼其他網(wǎng)站也有記載，僅供參考，謝謝。

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>文本域字?jǐn)?shù)限制</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">			//獲取相應(yīng)ID值的對象		function getID(str){			return (document.getElementById(str))?document.getElementById(str):false;		}		//鍵盤按下時所觸發(fā)的事件		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;				//當(dāng)輸入的字符串量超額時，彈出此警示窗內(nèi)容				alert("主人，您輸入的字?jǐn)?shù)要超額了偶！");			}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>
感謝您的傾心閱讀