JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

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

CSS

#Users_address {
   width: 500px;
  height: 300px;  
}

JavaScript

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