限制文本域中字符输入个数

最新推荐文章于 2020-04-02 17:15:50 发布

colorsunlight_110

最新推荐文章于 2020-04-02 17:15:50 发布

阅读量986

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/colorsunlight/article/details/44243719

版权

jQuery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    $(function(){
        jQuery.fn.maxLength=function(max){
            return this.each(function(){
                var type=this.tagName.toLowerCase();
                var inputType=this.type?this.type.toLowerCase:null;
                if(type=='input'&&inputType=="text"||inputType=="password"){
                    this.maxLength=max;
                }else if (type=="textarea") {
                    this.onkeypress=function(e){
                        var obj=e||event;
                        var keyCode=obj.keyCode;
                        this.onkeyup=function(){
                            if (this.value.length>max) {
                                this.value=this.value.substring(0,max);
                            }
                        }
                    }
                }
            })
        };
        $("#btn").click(function(){
            var vMaxLen=$("input#txt").val();
            var iMaxLen=parseInt(vMaxLen);
            $("#txtarea").maxLength(iMaxLen);
            $("#log").html($("#log").html()+"<p>"+"最大字符个数设定为："+vMaxLen+"个"+"</p>");
        });
    });
</script>
</head>
<body>
    <p>
        <b>最大输入字符个数</b>
        <input type="text" id="txt" style="width: 32px;" value="10"/>
    </p>
    <p>
        <input type="button" id="btn" value="限制文本域中字符的个数"/>
    </p>
    <div>
        <textarea rows="" cols="" id="txtarea" name="maxLenTextarrea"></textarea>
    </div>
    <div id="log">
        <p>日志记录：</p>
    </div>

colorsunlight_110

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
限制文本域中字符输入个数

<script type="text/javascript"> $(function(){ jQuery.fn.maxLength=function(max){ return this.each(function(){ var type=this.tagName.toLowerCase();
复制链接

扫一扫