对文本区域字符计数器限制的小修改

Small modification to the limit of a textarea characters counter

本文关键字：修改 计数器 文本 区域 字符      更新时间：2023-09-26

下面的代码对文本区域中键入的字符进行计数。如果你达到了250的限制，你就不能再添加了。我怎样才能让人们输入超过250?

比如，好吧，你的最小值是250，但如果你的值大于250，它不会介意。谢谢!

<script type='text/javascript'>
var maxLength=250;
function charLimit(el) {
    if (el.value.length > maxLength) return false;
    return true;
}
function characterCount(el) {
    var charCount = document.getElementById('charCount');
    if (el.value.length > maxLength) el.value = el.value.substring(0,maxLength);
    if (charCount) charCount.innerHTML = maxLength - el.value.length;
    return true;
}
</script>
<form>
    <textarea onKeyPress="return charLimit(this)" onKeyUp="return characterCount(this)"  rows="8" cols="40"></textarea>
</form>
<p><strong><span id="charCount">250</span></strong> more characters available.</p>

若要允许输入的字符数超过maxLength，则应删除以下代码块。

function charLimit(el) {
    if (el.value.length > maxLength) return false;
    return true;
}

和

if (el.value.length > maxLength) el.value = el.value.substring(0,maxLength);

和

onKeyPress="return charLimit(this)"

您可能还需要考虑修改以下行，以防止显示负数。

if (charCount) charCount.innerHTML = Math.max(maxLength - el.value.length, 0);

改变这一行:

var maxLength=250;

把它改成你想要的最大值

maxLength被一个名为"maxLength"的变量所限制

如果你改变这个值你可以改变所需的最大值，因为你正在做的所有合成

相关文章：