javascript - 如何使用javascript限制文本框中的字符数和行数？

Question

<script type="text/javascript">
function checking(textarea, maxLines, maxChar) {
    var lines = textarea.value.replace(/\r/g, '').split('\n'), lines_removed, char_removed, i;
    if (maxLines && lines.length > maxLines) {
        lines = lines.slice(0, maxLines);
        lines_removed = 1
    }
    if (maxChar) {
        i = lines.length;
        while (i-- > 0) if (lines[i].length > maxChar) {
            lines[i] = lines[i].slice(0, maxChar);
            char_removed = 1
        }
        if (char_removed || lines_removed) {
            textarea.value = lines.join('\n')
        }
    }
}
</script>

这是我根据之前的几篇文章使用的。但这段代码允许我在“m”行中输入“n”个字符。有人可以帮我写一个只需要 30 个字符 2 行的代码吗？ {假设如果第一行包含 10 个字符，那么下一行应包含 20 个字符，但总字符数应为 30，行数为 2。}

Answer 1

希望下面的代码能够节省您的时间。

将以下 JavaScript 函数插入页面头部:

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) { 
    if (limitField.value.length > limitNum) { 
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
</script>

将以下代码插入页面正文:

<form name="myform">
    <input name="limitedtextfield" type="text" onKeyDown="limitText(this.form.limitedtextfield,this.form.countdown,15);" 
    onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,15);" maxlength="15"><br>
    <font size="1">(Maximum characters: 15)<br>
    You have <input readonly type="text" name="countdown" size="3" value="15"> characters left.</font>
</form>

此解决方案仅适用于使用 Java 脚本限制文本框中的字符数。