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


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


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


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



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


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

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

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


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

 计算html标签textarea字符长度_Jquery_08


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

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

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