1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
5 <title>textarea字数限制 练习代码多有参考网络 by ahuinan</title>
6 <script language="JavaScript" type="text/javascript">
7 var TextUtil = new Object();
8 TextUtil.NotMax = function(oTextArea){
9 var maxText = oTextArea.getAttribute("maxlength");
10 if(oTextArea.value.length > maxText){
11 oTextArea.value = oTextArea.value.substring(0,maxText);
12 alert("超出限制");
13 }
14 }
15 </script>
16 </head>
17 <body>
18 <textarea rows="10" cols="60" onpropertychange="TextUtil.NotMax(this)" maxlength="3"></textarea>
19 </body>
20 </html> 有剩余字数提示的：
21
22
23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
24 <html xmlns="http://www.w3.org/1999/xhtml">
25 <head>
26 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
27 <meta name="robots" content="all" />
28 <title>JS限制textarea输入框输入字数</title>
29 <SCRIPT language="javascript">
30 <!--
31 function checktext(text)
32 {
33 allValid = true;
34 for (i = 0; i < text.length; i++)
35 {
36 if (text.charAt(i) != " ")
37 {
38 allValid = false;
39 break;
40 }
41 }
42 return allValid;
43 }
44
45 function gbcount(message,total,used,remain)
46 {
47 var max;
48 max = total.value;
49 if (message.value.length > max) {
50 message.value = message.value.substring(0,max);
51 used.value = max;
52 remain.value = 0;
53 alert("留言不能超过 200 个字!");
54 }
55 else {
56 used.value = message.value.length;
57 remain.value = max - used.value;
58 }
59 }
60
61 -->
62 </script>
63 <style type="text/css">
64 <!--
65 * {padding:0; margin:0;}
66 body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}
67 fieldset {padding:10px; width:550px; margin:0 auto;}
68 legend {font-size:14px; font-weight:bold;}
69 .inputtext {border:none; background:#fff;}
70 -->
71 </style>
72 </head>
73 <body>
74 <form action="SaveData.asp" method="post" onSubmit="return datacheck();">
75 <fieldset><legend>请输入内容</legend>
76 <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea>
77 <p>最多字数：
78 <input disabled maxLength="4" name="total" size="3" value="200" class="inputtext">
79 已用字数：
80 <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">
81 剩余字数：
82 <input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td>
83 </p>
84 </fieldset>
85 </form>
86 </body>
87 </html>
