控制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:






本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部