计算html标签textarea字符长度

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



创建一个视图,并按下面顺序标记1,2,3进行写html或javascript脚本:



其中标记3的详细script:


演示看看:



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



演示:


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

没有问题吧,使用Keyup()方法。改改程序来看看:


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

 


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

Insus.NET再修改程序:

 

 演示:



2014-06-06 09:00添加以下内容:

MVC系列练习,最新源程序与数据库,可从下面链接下载。

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


 

posted @ 2014-05-24 14:47  Insus.NET  阅读(3045)  评论(3编辑  收藏  举报