[javaScript] textarea 입력 줄 바꿈 제한 두기

 textarea를 이용해 입력을 받을때 줄바꿈을 하는 방법을 포스팅 하겠다.

 

HTML

<textarea  id="contents" name="contents" rows="2">
    <c:out escapeXml="false" value="${detail.contents}"/>
</textarea>

javaScript

// textarea 줄바꿈 제한
    $('#contents').keydown(function(){
    	
        var rows = $('#contents').val().split('\n').length;
        console.log($('#contents').val())
        console.log(rows)  
        var maxRows = 2;  
        if( rows > maxRows){
            alert('2줄 까지만 가능합니다'); 
            modifiedText = $('#contents').val().split("\n").slice(0, maxRows);
            $('#contents').val(modifiedText.join("\n"));
        }
    });