[size=large][b]1.背景[/b][/size]
在开发中遇到一个html的知识，大致需求是这样的：用户信息页面有一栏是用户备注，数据库设计可以存500个字。由于发布时没有把这个TextArea的可输入字数限制住，导致用户在输入超过500个字时程序抛异常，提示操作的数据太大。出了问题不怕，找到问题出现的症结对症下药就能迎刃而解。
[size=large][b]2.相关知识点[/b][/size]
1.html 输入元素可输入字符控制。
2.使用Javascript对TextArea的输入字数进行动态控制。
[size=large][b]3.正文[/b][/size]
大家知道，对于普通的文本框，比如<input type="text" name="userName"/>,对于这种的type=“text”的，给相应元素设置一个属性（maxLength=x）即可。第二种实现方式是在表单提交时使用正则表达式进行验证，判断TextArea 的字数是否超出相应的限额，这也算一种方法，不过给人的感觉不好，因为用户在输入的时候并不知道自己还能输入几个字。正是有了这个需求才有了本文，下面结合代码说明如何实现友好的提示。闲言少叙，上代码：
在开发中遇到一个html的知识，大致需求是这样的：用户信息页面有一栏是用户备注，数据库设计可以存500个字。由于发布时没有把这个TextArea的可输入字数限制住，导致用户在输入超过500个字时程序抛异常，提示操作的数据太大。出了问题不怕，找到问题出现的症结对症下药就能迎刃而解。
[size=large][b]2.相关知识点[/b][/size]
1.html 输入元素可输入字符控制。
2.使用Javascript对TextArea的输入字数进行动态控制。
[size=large][b]3.正文[/b][/size]
大家知道，对于普通的文本框，比如<input type="text" name="userName"/>,对于这种的type=“text”的，给相应元素设置一个属性（maxLength=x）即可。第二种实现方式是在表单提交时使用正则表达式进行验证，判断TextArea 的字数是否超出相应的限额，这也算一种方法，不过给人的感觉不好，因为用户在输入的时候并不知道自己还能输入几个字。正是有了这个需求才有了本文，下面结合代码说明如何实现友好的提示。闲言少叙，上代码：
<html>
<head>
<title>JS限制Textarea文本域字符个数</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
最低0.47元/天 解锁文章
277
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
