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

文本域:

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

 

时间: 2024-09-10 16:31:27

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

c++统计用户输入的字符串的空格字符,英文字符,数字个数,其他字符个数以及用户输入字符串的长度

问题描述 c++统计用户输入的字符串的空格字符,英文字符,数字个数,其他字符个数以及用户输入字符串的长度 我在统计中文的时候出现了问题,请各位大神指教一下 #include #include using namespace std; int main() { string str; cout << "请输入一个字符串,以换行为结束!n"; getline(cin, str); size_t count = 0; size_t spaceNum=0; size_t lette

printf-c语言从键盘上输入10个数,找到最小数,输出与其相邻的数。

问题描述 c语言从键盘上输入10个数,找到最小数,输出与其相邻的数. 从键盘上输入10个数,找到最小数,输出与其相邻的数. #include<stdio.h> void min(double a[10]) {int i,index; double min=a[0]; for(i=0;i<10;i++) if(min<a[0]){min=a[i]; index=i;} printf("%f &f",a[index-1],a[index+1]); } voi

c语言-为什么输入第一个数时要输入2个数才输出“第二个数”

问题描述 为什么输入第一个数时要输入2个数才输出"第二个数" #include #include struct LinkList { int data; struct LinkList *next; }; struct LinkList *Creat() { struct LinkList *H=NULL,*p,*q; int x,j; for(j=1;j { printf("请输入第%d个数: ",j); printf(" n"); p=(st

文本域光标操作的jQuery扩展分享

 最近的项目中,好几次用到操作文本域的方法,比如光标位置.删除光标前字符等.每次都是查阅资料(这部分操作涉及到的js方法都比较生僻),费时费事.于是就封装了一个jQuery扩展 该针对文本域的扩展实现的功能及使用方法: 1.获取光标位置:$(elem).iGetFieldPos(): 2.设置光标位置:$(elem).iSelectField(start): 3.选中指定位置内的字符:$(elem).iSelectField(start,end): 4.选中指定的字符:$(elem).iSele

文本域中换行符的替换示例

 这篇文章主要介绍了文本域中换行符的替换,需要的朋友可以参考下 说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分    前戏:    问:为什么做这个呢??    答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊!  代码如下: <%@ pag

文本域中换行符的替换示例_jquery

说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分 前戏: 问:为什么做这个呢?? 答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊! 复制代码 代码如下: <%@ page contentType="text/html;charset=U

JS限制Textarea文本域字符个数

<html> <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--// function textCounter(field,

JS限制Textarea文本域字符个数的具体实现

这篇文章介绍了JS限制Textarea文本域字符个数的具体实现,有需要的朋友可以参考一下   复制代码 代码如下:    <head>       <title>JS限制Textarea文本域字符个数</title>       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />       <SCRIPT LANGUAGE

JS限制Textarea文本域字符个数的具体实现_javascript技巧

复制代码 代码如下:    <head>       <title>JS限制Textarea文本域字符个数</title>       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />       <SCRIPT LANGUAGE="JavaScript">       <!--//