帮助了 AmazingCounters.com 位小伙伴

Jquery 限制文本框输入字数【转】

复制代码
<script type="text/javascript" src="js/jquery.min.js" ></script>
 <div class="right">
                        <p>
                            <textarea id="caseContent" name="caseContent" maxlength="200" class="area"></textarea>
                        </p>
                        <p>
                            <input type="submit" value="提交评论" class="sub_bt">
                            <script type="text/javascript">
                                $(function () {
                                    //匹配包含给定属性的元素,keyup在按键释放时发生
                                    $("#caseContent").keyup(function () {
                                        var area = $(this);
                                        //parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。
                                        var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值 转化为10进制,将输入到textarea的文本长度
                                        //这个判断可知max得到的是不是数字,设定的大小是多少
                                        if (max > 0) {

                                            if (area.val().length > max) { //textarea的文本长度大于maxlength 
                                                area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值 
                                            }

                                            var yishu = area.val().length;
                                            var sheng = max - area.val().length;
                                            $("#lyishu").html(yishu);
                                            $("#lsheng").html(sheng);
                                        }
                                    });
                                    $("#caseContent").blur(function () {
                                        var area = $(this);
                                        var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值 
                                        if (max > 0) {

                                            if (area.val().length > max) { //textarea的文本长度大于maxlength 
                                                area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值 
                                            }

                                            var yishu = area.val().length;
                                            var sheng = max - area.val().length;
                                            $("#lyishu").html(yishu);
                                            $("#lsheng").html(sheng);
                                        }
                                    });


                                }); 
                            
                            </script>
                            已输入 <label id="lyishu" >0</label>  个字符,还可输入 <label id="lsheng" >200</label> 个字符</p>
                    </div>
复制代码

 

posted on   云的旋律  阅读(467)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· Linux系列:如何调试 malloc 的底层源码
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
阅读排行:
· 历时 8 年,我冲上开源榜前 8 了!
· 物流快递公司核心技术能力-海量大数据处理技术
· 四大AI编程工具组合测评
· 关于能否用DeepSeek做危险的事情,DeepSeek本身给出了答案
· 如何在 Github 上获得 1000 star?

导航

统计

前端攻城狮分享群
点击右上角即可分享
微信分享提示