限制输入字段中的字符数 [英] Limit number of characters in input field

问题描述

我想用jquery来限制可编辑的div（或表单输入）中的字符数。

I want to use jquery to limit the number of characters in an editable div (or form input).

推荐答案

对于输入字段，您可以使用maxlength属性。如果您正在寻找div，请检查以下内容：

As for input field you can use maxlength attribute. If you are looking for div, check the following,

        $(function() {

            $ ('#editable_div').keydown ( function (e) {
                //list of functional/control keys that you want to allow always
                var keys = [8, 9, 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 144, 145];

                if( $.inArray(e.keyCode, keys) == -1) {
                    if (checkMaxLength (this.innerHTML, 15)) {
                        e.preventDefault();
                        e.stopPropagation();
                    }
                }
            });

            function checkMaxLength (text, max) {
                return (text.length >= max);
            }
        });

        <div id="editable_div" contentEditable="true" onclick="this.contentEditable='true';" >TEXT BEGIN:</div>

编辑：您应该重写checkMaxLength函数以忽略制表符和换行符

这篇关于限制输入字段中的字符数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！