javascript – 限制textarea中的行数,并使用jQuery显示行数

使用jQuery我想:

>将用户可以在textarea中输入的行数限制为一个设定的数字
>出现一个行计数器,当行被输入时更新行数
>返回键或/ 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', '');
        }
    });
});

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

翻译自:https://stackoverflow.com/questions/6501043/limit-number-of-lines-in-textarea-and-display-line-count-using-jquery

转载注明原文:javascript – 限制textarea中的行数,并使用jQuery显示行数