textarea length with js

by carlosea

HTML

<body>
    <textarea id="ta" maxlength="10">1234567890</textarea>
    <button id="btn">Length</button>
    <br>
        <p><b>Length with new line:</b></p>
    <textarea id="ta2" maxlength="10">12345
7890</textarea>
    <button id="btn2">Length</button>
</body>

CSS

body{padding:20px; font:200 14px/40px Arial;}
textarea {
    margin-top:15px;
    margin-bottom:0px;
    width:200px;
    padding:10px;
    color:#21323B;
    font-size:16px;
    border:solid 2px;
    border-radius:4px;
    resize: none;
}
button {
    border:1px solid #ccc;
    width:100px;
    padding:3px;
    margin:0px 1px;
    border-radius:5px;
    display:block;
}

p{
    margin:0px;
    color:#21323B;
    line-height: 0.5cm;
}

JavaScript

$(document).ready(function () {

        $("#btn").click(
            function () {
                send();
            }            
        );
    });

function send() {
   alert( "Length="+$('#ta').val().length);
}

 $(document).ready(function () {

        $("#btn2").click(
            function () {
                send();
            }            
        );
    });

function send() {
   alert( $('#ta2').val().length);
}