textarea监听限制字数并统计
html页面:
<textarea name="note" class="limit_100 advice" id="wishContent" placeholder="说点什么...<=20个字符以内" dragonfly="true" ></textarea> <p class="limit statistics" style="color: red;"></p>js:
/*texarea监听限制字数*/ $(function () { var bind_name = 'input'; if (navigator.userAgent.indexOf("MSIE") != -1) { //(此处是为了兼容IE) bind_name = 'propertychange'; } if (navigator.userAgent.match(/android/i) == "android") { bind_name = "keyup"; } $(".limit_100").bind(bind_name, function() { var limitSub = $(this).val().substr(0, 20); $(this).val(limitSub); //截取字符长度 $(this).next('.statistics').html(limitSub.length + '/20'); //获取实时输入字符长度并显示 if (limitSub.length == 20) { $('.limit').css('color', 'red'); //超出指定字符长度标红提示 alert('最多20个字!'); } else { $('.limit').css('color', '#333'); } }); });
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
- 本文网址:https://www.liaotaoo.cn/52.html
- 上篇文章:PHP7开启ZendOpcache性能提升
- 下篇文章:Web 安全漏洞之 SQL 注入