當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > JS代碼限定文本框可輸入字符數(shù)

JS代碼限定文本框可輸入字符數(shù)

2012/10/19 11:05:27作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

限定文本框可輸入字符數(shù)

【實例描述】

在數(shù)據(jù)庫中，數(shù)據(jù)字段的長度是固定的，為了阻止用戶輸入超長的數(shù)據(jù)，可通過自定義方法限定用戶輸人的數(shù)據(jù)長度。

【實例代碼】

 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<script language="javascript">
function textcontrol(content) 
{ 
   if (txt.length > 200) // 如果文本框的長度大于200
document.txt.value=document.txt.value.substring(0, 200); //截取前200字符
}
</script>
</head>
<body>
<textarea name="txt" cols="50" rows="10" 
onPropertyChange="textcontrol(txt.value)">
</textarea>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例的重點有兩個，即獲取指定的文本框、截取特定長度的字符串。獲取窗體內(nèi)的文本框使用“document，getElementByld（“txt”）”方法。截取長度是通過String對象的“substring”方法，其包含兩個參數(shù)，起始地址和要截取的長度。

【源碼下載】

本實例JS代碼下載