Chars Counter

 Example for char count in textbox

Liquid error: One or more errors occurred.

Code

$(document).ready(function(){
    charCounter('kk_charcounter');   
});

function charCounter(fieldName, length) {
    var field = $(`#${fieldName}`);
    if (field.length > 0) {
        var len = field[0].maxLength || length;
        var charCounterField = $(`${fieldName}_CharCounter`);
        if (charCounterField.length == 0) {
            field.parent().append(`0/${len}`);
        }

        field.on('change keyup paste', (e) => {
            var id = $(e.target)[0].id, val = $(e.target).val();
            var charCounterField = $(`#${id}_CharCounter`);
            var charLen = `${val.length}/${$(e.target)[0].maxLength}`;
            charCounterField.text(charLen);
        });
    }

}

Copy Code