Chrome counts characters wrong in textarea with maxlength attribute

Here’s how to get your javascript code to match the amount of characters the browser believes is in the textarea:

$(function () {
    $('#test').keyup(function () {
        var x = $('#test').val();

        var newLines = x.match(/(\r\n|\n|\r)/g);
        var addition = 0;
        if (newLines != null) {
            addition = newLines.length;

        $('#length').html(x.length + addition);

Basically you just count the total line breaks in the textbox and add 1 to the character count for each one.

Leave a Comment