jquery统计输入文字的个数并对其进行判断

js部分
效果图
再来添加一个原声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统计输入文字的个数并对其进行判断

最新文章

热门文章
