textarea的输入限制统计代码statInput

作者：mudoo 来源：经典论坛时间：2008-05-22 13:36:00　

首先.还是看效果.

实现对文本域textarea中文字字数的限制。

然后.米了...看文件.里面写的很清楚了.

下面这个是单独的效果..提示用alert的.有点烦人...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns:mudoo><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>statInput 输入限制统计 - asp之家</title><style type="text/css"></style><script language="javascript" type="text/javascript"></script><script language="javascript" type="text/javascript"></script><script language="javascript" type="text/javascript"></script></head><body><div class="case"><div class="title"><a href="#" class="r">Top</a>statInput 调用方法</div><div class="b">statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});</div><ul class="info gray"><li><span class="key">Element：</span><span class="type">Object</span>限制统计对象 (*必须)</li><li><span class="key">MaxLen：</span><span class="type">Number</span>最大可输入长度 (*必须)</li><li><span class="key">objMax：</span><span class="type">Object</span>显示最大输入长度对象 (*可选)</li><li><span class="key">objTotal：</span><span class="type">Object</span>显示输入统计对象 (*可选)</li><li><span class="key">objLeft：</span><span class="type">Object</span>显示可输入长度对象 (*可选)</li><li><span class="key">Hint：</span><span class="type">Boolean</span>当长度超出上限时，是否提示 (*可选)</li></ul></div><div class="case"><div class="title"><a href="#" class="r">Top</a>statInput 演示</div><textarea name="Test_1" id="Test_1" rows="10" style="width: 99％" >悟空你也太调皮了，我跟你说过，叫你不要乱扔东西，乱扔东西这么做…… （咣当，悟空棍子掉在地上）你看我还没有说完呢你把棍子又给扔掉了！月光宝盒是宝物，你把他扔掉会污染环境，唉，要是砸到小朋友那怎么办？就算没有砸到小朋友砸到那些花花草草也是不对的呀！</textarea><div class="gray">最多可输入<span id="stat_max" class="b light"></span>，当前共<span id="stat_total" class="b light"></span>，还可输入<span id="stat_left" class="b light"></span></div></div></body></html>

这个提示用popHint.嗯.这样才帅~`.哈哈哈~.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns:mudoo><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>POPHint & statInput 整合效果 - asp之家</title><style type="text/css"></style><script language="javascript" type="text/javascript"></script><script language="javascript" type="text/javascript"></script><script language="javascript" type="text/javascript"></script></head><body><div class="case"><div class="title"><a href="#" class="r">Top</a>statInput 调用方法</div><div class="b">statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});</div><ul class="info gray"><li><span class="key">Element：</span><span class="type">Object</span>限制统计对象 (*必须)</li><li><span class="key">MaxLen：</span><span class="type">Number</span>最大可输入长度 (*必须)</li><li><span class="key">objMax：</span><span class="type">Object</span>显示最大输入长度对象 (*可选)</li><li><span class="key">objTotal：</span><span class="type">Object</span>显示输入统计对象 (*可选)</li><li><span class="key">objLeft：</span><span class="type">Object</span>显示可输入长度对象 (*可选)</li><li><span class="key">Hint：</span><span class="type">Boolean</span>当长度超出上限时，是否提示 (*可选)</li></ul></div><div class="case"><div class="title"><a href="#" class="r">Top</a>statInput 演示</div><textarea name="Test_1" id="Test_1" rows="10" style="width: 99％" >悟空你也太调皮了，我跟你说过，叫你不要乱扔东西，乱扔东西这么做…… （咣当，悟空棍子掉在地上）你看我还没有说完呢你把棍子又给扔掉了！月光宝盒是宝物，你把他扔掉会污染环境，唉，要是砸到小朋友那怎么办？就算没有砸到小朋友砸到那些花花草草也是不对的呀！</textarea><div class="gray">最多可输入<span id="stat_max" class="b light"></span>，当前共<span id="stat_total" class="b light"></span>，还可输入<span id="stat_left" class="b light"></span></div></div><br /><br /><br /><br /><br /><div class="case"><div class="title"><a href="#" class="r">Top</a>popHint 调用方法(目前只支持单行)</div><div class="b">popHint(Element, Hint, {Type, Event});</div><ul class="info gray"><li><span class="key">Element：</span><span class="type">Object</span>弹出对象。根据它来定位的。  (*必须)</li><li><span class="key">Hint：</span><span class="type">String</span>弹出的信息，支持HTML可是不能换行。  (*必须)</li><li><span class="key">Type：</span><span class="type">String</span>弹出类型。其实说类型是不对的。只是定义个图标而已...(可自己在样式里加很多很多"类型")  (*可选)</li><li><span class="key">Event：</span><span class="type">String</span>关闭触发事件。目前只能绑定单个事件(默认click=document.onmousedown,blur=Element.onblur)  (*可选)</li></ul><br /><span style="color: #333333" class="b">详见：<a href="http://bbs.blueidea.com/thread-2856572-1-1.html" target="_blank" >http://bbs.blueidea.com/thread-2856572-1-1.html</a></span></div><div class="case"><div class="title"><a href="#" class="r">Top</a>popHint 演示</div><ul class="demo gray"><li>测试blur不关闭：<input name="Test1_0" id="Test1_0" type="text" size="20" maxlength="20" onfocus="popHint(this, '失去焦点不会关闭提示.按TAB键看看');" value="" /><a href="###"> </a></li><li>测试blur关闭：<input name="Test1_1" id="Test1_1" type="text" size="20" maxlength="20" onfocus="popHint(this, '文本框失去焦点就关闭.', {_event : 'blur'});" value="" /></li></ul><ul class="demo gray"><li>Test2：<input name="Test2" id="Test2" type="text" size="20" maxlength="20" value="" /></li><li>Test3：<input name="Test3" id="Test3" type="text" size="20" maxlength="20" value="" /></li><li>Test4：<input name="Test4" id="Test4" type="hidden" size="20" maxlength="20" value="" /></li><li>Test5：<input name="Test5" id="Test5" type="text" size="20" maxlength="20" value="" style="display:none" /></li><li><input name="" type="button" onclick="testPopHint();" value="来测试啦" /></li></ul></div></body></html>

标签：textarea,统计,statinput,效果

投稿

textarea的输入限制统计代码statInput

猜你喜欢

谈切图优化加速图片显示—淘宝实例

JavaScript table的排序类

ASP环境中使用QQ纯真版IP数据库QQWry.dat

JavaScript的replace方法与正则表达式结合应用讲解

js实现网页加载loading的显示

SQLServer中字符串左对齐或右对齐显示的sql语句

Msxml2.XMLHTTP Microsoft.XMLHTTP new XMLHttpRequest用法

如何做一个计数器并让人家申请使用？

什么样的分页案例才是好的

ASP新闻分页，将一篇过长的文章分页，生成静态页面

FCKeditor新版本发布，并更名为CKeditor

JS语法检查插件 jsLint for Vim

asp提高首页性能的一个技巧

asp如何向前端显示用户请求的信息？

跨平台、多浏览器页面测试

再谈动态添加样式规则

ADO组件之插入数据记录

JavaScript 组件之旅（三）：用 Ant 构建组件

学习ASP.NET八天入门：第二天

漫谈前端开发中的团队合作