限制文本域输入字符个数,即使显示输入字符数和剩余字符数,超出不显示!

简介: 文本域: 1 2   3  已输入  字符,剩余  字符   4 ...

文本域:

1 <td class="tddata">
2                         &nbsp;<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                     &nbsp;已输入&nbsp;&nbsp;<input type="text" id="txtNum"  style="width:40px; margin-right:5px;" value="0" readonly="readonly"/>字符,剩余&nbsp;&nbsp;<input type="text" id="txtOverplus" style="width:40px; margin-right:5px;" value="200" readonly="readonly"/>字符 &nbsp;           <input type="button" name="Clear" id="Clear" onclick="ClaerContent()" style=" width:50px;" value="清空内容" />
4                 </td>
View Code

与之对应的函数:

 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         }
View Code

 

目录
相关文章
|
4月前
|
存储 算法 索引
|
2月前
通过屏幕我们输入三个数字,并找出最大的数
【10月更文挑战第15天】通过屏幕我们输入三个数字,并找出最大的数。
36 2
|
5月前
|
算法
统计一字符串中,重叠字符出现的次数
统计一字符串中,重叠字符出现的次数
44 0
|
7月前
2.任意输入三个数,求最大数
2.任意输入三个数,求最大数
39 0
|
7月前
51.从键盘上输入任意两个数和一个运算符(+、-、*、/),根据输入的运算符对两个数计算,并输出结果
51.从键盘上输入任意两个数和一个运算符(+、-、*、/),根据输入的运算符对两个数计算,并输出结果
83 0
|
7月前
输入一个字符串,统计其中字符A的数量并且输出,输入共有一行,为一个不带空格的字符串(其中字符数不超过100),输出一行,包含一个整数,为输入字符串中的A的数量
输入一个字符串,统计其中字符A的数量并且输出,输入共有一行,为一个不带空格的字符串(其中字符数不超过100),输出一行,包含一个整数,为输入字符串中的A的数量
|
Python
统计字符串中不同字符个数问题
统计字符串中不同字符个数问题
134 0
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
145 0
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
|
Serverless C++
C/C++编程题之字符个数统计
C/C++编程题之字符个数统计