zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    android模拟器中文乱码
    Broadcast Receviewer
    Spring XML配置里的Bean自动装配
    Spring中的Bean配置
    Spring第一个helloWorld
    MyBatis向数据库中批量插入数据
    MyBatis联合查询和使用association 进行分步式查询
    MyBatis编写映射文件实现增删改操作 附说明及代码
    MyBatis全局配置文件MyBatis-config.xml代码
    MyBatis全局配置文件mybatis-config.xml
  • 原文地址:https://www.cnblogs.com/zxyun/p/4668173.html
Copyright © 2011-2022 走看看