<textarea placeholder="该产品满足你的期待吗？说说你的使用心得，分享给 同样看中的他们吧"></textarea>

<span class="nl_zsjc"><i class="nlysrzs">0</i>/<em class="nlzzts">300</em> 个字</span>

js部分

<script type="text/javascript">
$(function(){
$(' .pjfb_wz textarea').keyup(function(){
var txtLeng = $('.pjfb_wz textarea ').val().length;
if( txtLeng>300){//判断字体是否超出界限
//$('.nlzzts').text(' 0 ');
var fontsize = $('.pjfb_wz textarea').val().substring(0,300);
$('.pjfb_wz textarea ').val( fontsize );
}else{
$('.nlysrzs').text(txtLeng);//
$('.nlzzts').text(300-txtLeng);//剩余文字个数
}
});
});
</script>

效果图

再来添加一个原声js判断字体数量

<html>

<head>

    <title>js判断字体输入个数 </title>

    <meta charset="utf-8">

    <script language="javascript">

        function keypress1() //text输入长度处理

        {

            var text1=document.getElementById("mytext1").value;

            var len=0+text1.length;

            var show="你还可以输入"+len+"个字";

            var show=len+"/";

            document.getElementById("name").innerText=show;

//            var len;

//            if(text1.length>60) //textarea控件不能用maxlength属性，就通过这样显示输入字符数了

//            {

//                document.getElementById("mytext1").value=text1.substr(0,60);

//                len=0;

//            }else{

//                len=60-text1.length;

//            }

//            var show="你还可以输入"+len+"个字";

//            document.getElementById("name").innerText=show;

        }

        function keypress2() //textarea输入长度处理

        {

            var text1=document.getElementById("myarea").value;

            var len;//记录剩余字符串的长度

            if(text1.length>=300)//textarea控件不能用maxlength属性，就通过这样显示输入字符数了

            {

                document.getElementById("myarea").value=text1.substr(0,300);

                len=0;

            }

            else

            {

                len=300-text1.length;

            }

            var show="你还可以输入"+len+"个字";

            document.getElementById("pinglun").innerText=show;

        }

    </script>

</head>

<body>

<center>

    <div style="text-align:left;">

        <h3>昵称: </h3>

        <input maxlength="60" type="text" id="mytext1" onKeyUp="keypress1()"/>

        <font color="gray"> <label id="name">0/</label> </font>

        <font color="gray"> <label>60 </label> </font>

        <h3>评论内容: </h3>

        <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" onKeyUp="keypress2()" onblur="keypress2()"> </textarea>

        <font color="gray"> <label id="pinglun">你还可以输入300个字 </label> </font>

        <div>

</center>

</body>

</html>

jquery统计输入文字的个数并对其进行判断的更多相关文章

  1. C 循环统计输入的单词个数和字符长度

    C 循环统计输入的单词个数和字符长度 #include <stdio.h> #include <Windows.h> int main(void) { ]; ; ; print ...

  2. textarea输入文字限制个数

    说明: w-count固定为数字部分的class textarea-active为超出最大输入文字个数报错信息的class html 部分: <div class="wrap wrap ...

  3. Python入门习题7.分别统计输入各类字符个数

    例7.用户从键盘输入一行字符,编写一个程序,统计并输出其中的英文字符(包括中文字符).数字.空格和其他字符个数. #字符数统计.py Str = input('请输入一行字符:') alpha = 0 ...

  4. js统计输入文字的字节数(byte)

    这里主要考虑的是日文,日文中包含了半角和全角文字,半角算1,全角算2. <html> <head> <script language="javascript&q ...

  5. 使用JQuery统计input和textarea文字输入数量代码

    本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下. HTML部分: <input type="text" value="我是输入的文字&q ...

  6. js对输入文字个数的限制...

    发表留言或者微博的时候,对输入文字个数的限制,下面分两种情况,每种分别介绍两种实现方式: 第一种:一个汉字算一位,两个字母或符号算一位. 通过ASCII编码来判断 textarea.onkeyup = ...

  7. php实现 统计输入中各种字符的个数

    php实现 统计输入中各种字符的个数 一.总结 一句话总结:谋而后动,想清楚,会非常节约编写代码的时间. 1.对结果可能是0的变量,记得初始化? 4 $len=0; 5 $len=strlen($st ...

  8. js 控制输入文字个数（换行不算）

    如题,换行符在textarea中是要当成一个字符的.用普通的maxlength属性就不行了,于是想到通过事件来控制输入文字的长度. 注意哦,回车换行不能算成字符.这样的话,普通的substring等方 ...

  9. Android 实现限制EditText输入文字的数量

    前段时间比较忙 没来的及时分享出来.需求是这样的要求用户只能输入12个字符或者6位中文的数据:作为一个菜鸟遇到这样的问题第一反应就是 Android:maxLength="12"这 ...

随机推荐

  1. AJAX-前后端交互的艺术

    AJAX-前后端交互的艺术 为什么要用AJAX? 当我们通过提交表单向服务器提交内容,或者进行一些其他操作,均涉及到了与浏览器之间的交互,传统的方式与AJAX方式的处理方法是不同的 传统方式:用户触发 ...

  2. [转帖]六种Socket I/O模型幽默讲解

    六种Socket I/O模型幽默讲解 https://www.cnblogs.com/jikebiancheng/p/6225009.html 原贴已经找不到了.. 老陈有一个在外地工作的女儿,不能经 ...

  3. Java常用命令：jps、jstack、jmap、jstat（带有实例教程）

      版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u013310517/article/details/80990924 查看Java进程:jps ...

  4. 剑指offer62：二叉搜索树的第k个结点，二叉搜索树【左边的元素小于根，右边的元素大于根】

    1 题目描述 给定一棵二叉搜索树,请找出其中的第k小的结点.例如, (5,3,7,2,4,6,8)    中,按结点数值大小顺序第三小结点的值为4. 2 思路和方法 二叉搜索树[左边的元素小于根,右边 ...

  5. 字典的学习2——参考Python编程从入门到实践

    遍历字典 1. 遍历所有键值对 eg1: user_0 = { 'username': 'efermi', 'first': 'enrico', 'last': 'fermi',}for key, v ...

  6. 11 模块、模块的搜索顺序、__file__内置属性、__name__属性

    模块的概念 一个python文件就是一个模块. 模块名同时也是一个标识符,需要符合标识符的命名规则. 在模块中定义的全局变量.函数.类 都是个外界提供的直接使用的工具. 模块就好比工具包,要想使用一个 ...

  7. io.ByteIO和open操作二进制流的区别（转）

    转自Stack Overflow:https://stackoverflow.com/questions/42800250/difference-between-open-and-io-bytesio ...

  8. SpinWait 第二篇

    SpinWait 提供了两个方法和两个只读属性. 方法: SpinWait.Reset() : 重置自旋计数器,将计数器置 0.效果就好像没调用过SpinOnce一样.SpinWait.Once() ...

  9. java.lang.NoClassDefFoundError: org/springframework/core/env/EnvironmentCapa

    java.lang.NoClassDefFoundError: org/springframework/core/env/EnvironmentCapa 少导入包!spring-core-*.jar ...

  10. C#倒计时关闭提示框

    前两天实现某个功能需要做一个提示框 并且能够自动关闭的,就从网上搜了一个能够自动关闭的提示框 ,但由于我需要的场景是不确定计时时间的,所以并没有使用到该窗体,但是我觉得可以留存备用 ,后边也把我 这种 ...