计算html标签textarea字符长度

时间:2023-03-09 20:03:22
计算html标签textarea字符长度

今天学习jQuery,做练习计算html标签textarea字符长度,先添加一个视图操作(Action):
计算html标签textarea字符长度

创建一个视图,并按下面顺序标记1,2,3进行写html或javascript脚本:
计算html标签textarea字符长度

其中标记3的详细script:
计算html标签textarea字符长度

演示看看:
计算html标签textarea字符长度

其实,我们计算字符数字,一般不会这样去应用,而是因为限制字符长度,才添加这样的功能,让用户知道当前已经输入了多少个数字了。
我们对程序再改一下:
计算html标签textarea字符长度

演示:
计算html标签textarea字符长度

这个计算,需要用户去点击"calc"铵钮,是否可以实时计算呢?

没有问题吧,使用Keyup()方法。改改程序来看看:
计算html标签textarea字符长度

删除标记1~6代码,添加标记7~13代码。演示:

计算html标签textarea字符长度

现在为止,程序只是做到了计算与提示,但超过长度了,用户还是可以输入,是否可以输入至限制的长序之后,终止用户输入或是截除超长的字符?

Insus.NET再修改程序:
计算html标签textarea字符长度

演示:
计算html标签textarea字符长度

2014-06-06 09:00添加以下内容:
MVC系列练习,最新源程序与数据库,可从下面链接下载。

http://download.cnblogs.com/insus/MVC/InsusMVCSiteCS_20140606.rar