Question

我正在尝试限制textarea中的最大字符，使用JS，我离开这里我的HTML＆amp; JS代码：

HTML - ＆GT;

<form id="formu" action="ok.html" method="post" enctype="multipart/form-data">
    <p>
        <label for="observaciones">Observaciones:</label>
        <textarea id="observaciones" cols="30" rows="5"></textarea>
    </p>
</form>

JS - ＆GT;

window.onload=function(){
    document.getElementById("observaciones").addEventListener('keypress',function(){maxlong(document.getElementById("observaciones")),150},false);
}

function maxlong(obj,maxlength){
        return(obj.value.length<=maxlength);
        }

Answer 1

您的事件处理程序实际上没有做任何事情。您需要阻止事件的默认beahviour（对事件对象使用preventDefault方法）。

Answer 2

您可以通过html执行此操作：

<textarea maxlength="50"> </textarea>

Answer 3

试试这个：

  function limiter() {
    var area = document.getElementById("content_txt");
    var message = document.getElementById("message");
    var maxLength = 160;
    var checkLength = function () {
        if (area.value.length <= maxLength) {
            message.innerHTML = (maxLength - area.value.length) + " characters remainging";
        }
    }
    setInterval(checkLength, 300);
}

这是textarea

<textarea style="resize:none; margin-bottom: 0px;" id="content_txt" 
                    name="TextArea1" runat="server" 
                    maxlength="160" onkeyup="return limiter();" ></textarea>

Answer 4

<script>
function maxLength(obj){

if(obj.value.length <=150){
return true;
}else{
return false;
}
}
</script>
<textarea onkeypress="return maxLength(this);"></textarea>

Answer 5

这是设置maxlength的基础：

<textarea maxlength="50">
Enter text here...
</textarea>

Answer 6

解决了这个问题：

function maxlong(elEvento){
    var evento=elEvento||window.event;
    var obser=document.getElementById("observaciones").value;

    if(obser.length>=15){
        evento.preventDefault();
    }
}

而且我还有一个额外的“{”，这使得该程序运作良好......

试图限制textarea中的最大字符数

6 个答案: