javascript textarea字数限制 

 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>

 



posted @ 2013-08-12 16:42  記號  阅读(227)  评论(0)    收藏  举报