控制textarea文本长度,并限制输入字数(带统计显示)的特效

[img]http://dl.iteye.com/upload/picture/pic/117207/bc916eb2-7b1c-30a6-a3d2-8bdad5ef6da9.gif[/img]


特效代码如下(提示用alert的):

以下是HTML网页特效代码,点击运行按钮可查看效果:[html]



statInput 输入限制统计







TopstatInput 调用方法

statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});


  • Element:Object限制统计对象 (*必须)

  • MaxLen:Number最大可输入长度 (*必须)

  • objMax:Object显示最大输入长度对象 (*可选)

  • objTotal:Object显示输入统计对象 (*可选)

  • objLeft:Object显示可输入长度对象 (*可选)

  • Hint:Boolean当长度超出上限时,是否提示 (*可选)




TopstatInput 演示


最多可输入,当前共,还可输入






欢迎访问阿里西西网页特效代码站,js.alixixi.com[/html]

特效代码如下(提示用popHint):

以下是HTML网页特效代码,点击运行按钮可查看效果:[html]



POPHint & statInput 整合效果







TopstatInput 调用方法

statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});


  • Element:Object限制统计对象 (*必须)

  • MaxLen:Number最大可输入长度 (*必须)

  • objMax:Object显示最大输入长度对象 (*可选)

  • objTotal:Object显示输入统计对象 (*可选)

  • objLeft:Object显示可输入长度对象 (*可选)

  • Hint:Boolean当长度超出上限时,是否提示 (*可选)




TopstatInput 演示


最多可输入,当前共,还可输入













ToppopHint 调用方法(目前只支持单行)

popHint(Element, Hint, {Type, Event});


  • Element:Object弹出对象。根据它来定位的。  (*必须)

  • Hint:String弹出的信息,支持HTML可是不能换行。  (*必须)

  • Type:String弹出类型。其实说类型是不对的。只是定义个图标而已...(可自己在样式里加很多很多"类型")  (*可选)

  • Event:String关闭触发事件。目前只能绑定单个事件(默认click=document.onmousedown,blur=Element.onblur)  (*可选)



详见:http://bbs.blueidea.com/thread-2856572-1-1.html


ToppopHint 演示


  • 测试blur不关闭:

  • 测试blur关闭:



  • Test2:

  • Test3:

  • Test4:

  • Test5:





你可能感兴趣的:(控制textarea文本长度,并限制输入字数(带统计显示)的特效)