文本域:
![](https://i-blog.csdnimg.cn/blog_migrate/5f94c2fecb4ccb2f76f50c965d122407.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/50828477840f9be8f01bb82af691c7d1.gif)
1 <td class="tddata"> 2 <textarea rows="4" id="txtContent" maxlength="200" onkeyup="fun()" name="txtContent" cols="160" style=" margin-top:5px; margin-bottom:5px; background-color:White;"></textarea> <br /> 3 已输入 <input type="text" id="txtNum" style="width:40px; margin-right:5px;" value="0" readonly="readonly"/>字符,剩余 <input type="text" id="txtOverplus" style="width:40px; margin-right:5px;" value="200" readonly="readonly"/>字符 <input type="button" name="Clear" id="Clear" onclick="ClaerContent()" style=" width:50px;" value="清空内容" /> 4 </td>
与之对应的函数:
![](https://i-blog.csdnimg.cn/blog_migrate/5f94c2fecb4ccb2f76f50c965d122407.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/50828477840f9be8f01bb82af691c7d1.gif)
1 function fun() { 2 var txt = $("#txtContent").val(); 3 if (txt.length > 200) { 4 $("#txtContent").val(txt.substring(0,200)); 5 } 6 var cha = eval("200" + "-" + txt.length); 7 $("#txtNum").val(txt.length>200?200:txt.length); 8 $("#txtOverplus").val(cha<0?0:cha); 9 } 10 11 function ClaerContent() { 12 try { 13 $("#txtContent").val(""); 14 $("#txtNum").val("0"); 15 $("#txtOverplus").val("200"); 16 //$("#txtCreateTime").val(new Date().Format("yyyy-MM-dd hh:mm:ss")); 17 } catch (e) { 18 /* Error具有下面一些主要属性: 19 description: 错误描述 (仅IE可用). 20 fileName: 出错的文件名 (仅Mozilla可用). 21 lineNumber: 出错的行数 (仅Mozilla可用). 22 message: 错误信息 (在IE下同description) 23 name: 错误类型. 24 number: 错误代码 (仅IE可用). 25 stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用). */ 26 if (browserType != BROWSER_IE) { 27 alert("name: " + e.name + 28 "message: " + e.message + 29 "lineNumber: " + e.lineNumber + 30 "fileName: " + e.fileName + 31 "stack: " + e.stack); 32 } 33 else { 34 alert("name: " + e.name + 35 "errorNumber: " + (e.number & 0xFFFF) + 36 "message: " + e.message); 37 } 38 } 39 }