textarea文字个数倒数,随时提示效果
2015-02-14 00:00
357 查看
看某个站的源码实现思路如下:
html:
js:
html:
<div class="family_v2"> <p class="nickname_v2">简介:</p> <textarea id="content" name="sign" style="height:60px;overflow-y: hidden;" onkeyup="changeLength(this,60)" class="nicknameBox_v2 brief_box_v2"> </textarea> <div class="limit_num_v2"> <h3>60</h3> </div> </div>
js:
//验证textarea的长度 function changeLength(obj,lg){ var len = $(obj).val(); $(obj).next().find("h3").text(lg-len.length); if(len.length>=lg){ $(obj).next().find("h3").text(0); $(obj).val(len.substring(0,lg)); } }
相关文章推荐
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- jquery实现简单文字提示效果
- js文字链接的热点提示效果代码
- jquery实现表单输入时提示文字滑动向上效果
- javaScript实现选中文字提示新浪微博分享的效果
- 签名框(Textarea)限制文字数量并适时提示
- 效果超酷的textarea的输入字数限制及提示
- 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同----->特别推荐
- 怎么在textarea中写提示的灰色文字?
- 类似app常见效果,弹出一个提示语句(黑色背景+白色文字),2s后消失(来自改编alert,在h5里比较实用的),下面附上效果图
- 利用jQuary实现文字浮动提示效果示例代码
- JS实现输入框提示文字点击时消失效果
- 签名框(Textarea)限制文字数量并适时提示
- jQuery实现的简单文字提示效果模拟title
- inupt textarea提示文字(点击消失,不输入恢复)
- textarea提示文字换行显示
- input 标签实现输入框带提示文字效果(两种方法)
- javascript 实用的文字链提示框效果
- 完美解决textarea输入框提示文字,必须添加默认内容
- 利用jQuary实现文字浮动提示效果示例代码