限制Html Textarea

Question

我有一个textarea

<textarea name="Users[address]" id="Users_address"></textarea> 

现在我不希望用户每行输入超过25个字符且不超过3行,这是否可以验证和实现以及如何实现？验证可以在javascript或php中完成

Answer 1

jQuery的

当用户键入时,这将删除与规则不匹配的文本.

var maxLines = 2,
    maxLineWidth = 5;

$('#Users_address').bind('change keyup paste drop', function() {
   var value = $(this).val(),
       lines = value.split('\n'),
       linesLength = lines.length;

    if (linesLength > maxLines) {
       lines = lines.slice(0, maxLines);
       linesLength = maxLines;
    }

    for (var i = 0; i < linesLength; i++) {
        if (lines[i].length > maxLineWidth) {
          lines[i] = lines[i].substring(0, maxLineWidth);  
        } 
    }

    $(this).val(lines.join('\n'));
});

jsFiddle.

PHP

$str您的用户在哪里输入字符串.

define('MAX_LINES', 10);
define('MAX_LINE_LENGTH', 25);

$lines = explode("\n", $str);

if (count($lines) > MAX_LINES) {
    echo 'Too many lines.';
}

foreach($lines as $line) {
    if (strlen($line) > MAX_LINE_LENGTH) {
        echo 'Too many chars wide';
        break;
    }
}

这将拒绝与规则不匹配的文本.要将任何文本转换为遵循规则的文本(可能删除字符),只需将上面的jQuery转换为PHP即可.