jquery判断显示剩下可输入内容字数

转载 2016年08月30日 06:52:36
<script>

    $(function(){



        //先选出 textarea 和 统计字数 dom 节点

        var wordCount = $("#wordCount"),

            textArea = wordCount.find("textarea"),

            word = wordCount.find(".word");

        //调用

        statInputNum(textArea,word);



    });

    /*

    * 剩余字数统计

    * 注意 最大字数只需要在放数字的节点哪里直接写好即可 如:<var class="word">200</var>

    */

    function statInputNum(textArea,numItem) {

        var max = numItem.text(),

            curLength;

        textArea[0].setAttribute("maxlength", max);

        curLength = textArea.val().length;

        numItem.text(max - curLength);

        textArea.on('input propertychange', function () {

            numItem.text(max - $(this).val().length);

        });

    }

</script>

相关文章推荐

怎样控制wordpress博客首页博文显示内容字数!

怀化SEO的的博客是用wordpress程序做的,但是默认的wordpress首页博客文章的内容显示很,整个页面显示不了几篇文章,有时写的文章全部都显示在了首页了。 自己在网站搜索了下找到了5种不用...

Jquery 仿新浪微博获取文本框能输入的字数

limit.js代码 //txt:文本框jquery对象 //limit:限制的字数 //isbyte:true:视limit为字节数;false:视limit为字符数 //cb:回调函数,参...

[DOM元素处理] jQuery实现的计算textarea可输入剩余字数

Query实现的计算textarea可输入剩余字数: textarea一般是用来输入文字性内容的,不过出于各种原因的考虑,文字的数量一般是受到限制的。 下面就通过实例代码介绍一下,如何实现此效果,代码...

Jquery 限制文本框输入字数

$(function () { //匹配包含给定属性的元素,keyup在按键释放时发生 ...

显示textare所输入字数

Android Study 之分分钟让你玩转EditText右下角实时显示输入字数

LZ-Say:有时候觉得,开发真心不容易。想做一个好的开发,不仅仅会敲代码,造轮子,更多个人觉得调整心态,毕竟人和人是不一样的。。。心塞 前言今天为大家带来一个简单的小玩意,没什么技术含量,做这个的初...

监听EditText内容变化及字数限制

需求:Edittext编辑框有字数限制,需要监听Edittext内容并在右下角显示剩余字数 思路:用TextWatcher监听变化效果图: 1.布局文件 activity_main.xml:<Fr...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)