限制textarea中的行数并使用jQuery显示行数
我想使用jQuery:
- 将用户可以在文本区域中输入的行数限制为设置的数字
- 使行计数器出现,以在输入行时更新行数
- 回车键或/ n将计为行
感谢任何可以帮助的人!
$(document).ready(function(){ $('#countMe').keydown(function(event) {
// If number of lines is > X (specified by me) return false
// Count number of lines/update as user enters them turn red if over limit.
});
});
<form class="lineCount">
<textarea id="countMe" cols="30" rows="5"></textarea><br>
<input type="submit" value="Test Me">
</form>
<div class="theCount">Lines used = X (updates as lines entered)<div>
对于此示例,可以说将允许的行数限制为10。
谢谢大家!
回答:
HTML:
<textarea id="countMe" cols="30" rows="5"></textarea><div class="theCount">Lines used: <span id="linesUsed">0</span><div>
js:
$(document).ready(function(){ var lines = 10;
var linesUsed = $('#linesUsed');
$('#countMe').keydown(function(e) {
newLines = $(this).val().split("\n").length;
linesUsed.text(newLines);
if(e.keyCode == 13 && newLines >= lines) {
linesUsed.css('color', 'red');
return false;
}
else {
linesUsed.css('color', '');
}
});
});
以上是 限制textarea中的行数并使用jQuery显示行数 的全部内容, 来源链接: utcz.com/qa/414664.html