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

简介: 文本域: 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

 

目录
相关文章
|
22天前
通过屏幕我们输入三个数字,并找出最大的数
【10月更文挑战第15天】通过屏幕我们输入三个数字,并找出最大的数。
26 2
|
6月前
2.任意输入三个数,求最大数
2.任意输入三个数,求最大数
38 0
|
6月前
51.从键盘上输入任意两个数和一个运算符(+、-、*、/),根据输入的运算符对两个数计算,并输出结果
51.从键盘上输入任意两个数和一个运算符(+、-、*、/),根据输入的运算符对两个数计算,并输出结果
76 0
|
6月前
输入一个字符串,统计其中字符A的数量并且输出,输入共有一行,为一个不带空格的字符串(其中字符数不超过100),输出一行,包含一个整数,为输入字符串中的A的数量
输入一个字符串,统计其中字符A的数量并且输出,输入共有一行,为一个不带空格的字符串(其中字符数不超过100),输出一行,包含一个整数,为输入字符串中的A的数量
|
Python
统计字符串中不同字符个数问题
统计字符串中不同字符个数问题
127 0
|
C语言 C++
连续读入多个单词,然后统计这些单词的总的长度、以及单词个数。直到输入结束:(按下Ctrl +z, 就会输入一个特殊的字符:文件结束符EOF)分别使用C和C++实现。
连续读入多个单词,然后统计这些单词的总的长度、以及单词个数。直到输入结束:(按下Ctrl +z, 就会输入一个特殊的字符:文件结束符EOF)分别使用C和C++实现。
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
139 0
多组输入,一个整数(3~20),表示数字三角形边的长度,即数字的数量,也表示输出行数。
可多次输入,一个整数(2--20),表示输出的行数,也表示X的反斜线和正斜线的长度...输出时,每行输出,都为X
可多次输入,一个整数(2--20),表示输出的行数,也表示X的反斜线和正斜线的长度...输出时,每行输出,都为X
112 0
可多次输入,一个整数(2--20),表示输出的行数,也表示X的反斜线和正斜线的长度...输出时,每行输出,都为X
|
Serverless C++
C/C++编程题之字符个数统计
C/C++编程题之字符个数统计
|
机器学习/深度学习 CDN
编写程序统计从键盘输入的一行文本中各个字母的个数。 输入以回车键结束。 不区分大小写,大写字母与相应的小写字母按照同一个字母看待。 要求输出按照各个字母出现的个数从大到小进行排序,出现的个数相同的,按
编写程序统计从键盘输入的一行文本中各个字母的个数。 输入以回车键结束。 不区分大小写,大写字母与相应的小写字母按照同一个字母看待。 要求输出按照各个字母出现的个数从大到小进行排序,出现的个数相同的,按
374 0