限制textarea中的行数和使用jQuery显示行数

使用jQuery我想：

• 将用户可以在textarea中input的行数限制为设定的数字
• 出现一个行计数器，在input行时更新行数
• 返回键或/ 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。

谢谢大家！

Answer 1

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', ''); } }); }); 

小提琴： http : //jsfiddle.net/XNCkH/17/