Как реализовать лимит при вводе в строку?

Question

[dzenn]

При вводе в строку, при определенном количестве символов должен появляться чекбокс

Как можно реализовать это с помощью jquery?

Есть просто счётчик

$(document).ready(function(){				
$('textarea').limit('100','#charsLeft');			
});

Comments

[Zhainar]

а события у данной функции нет?

[dzenn]

Zhainar: просто вводишь текст, ввел 10 символов, появилась иконка чекбокса

[Zhainar]

dzenn: имею ввиду эта функция limit не вызывает никакое событие при достижении этого лимита?

Answer 1

[xmoonlight]

$('textarea').on('change',function(){
   if (this.length>=10) $('checkbox').show();
});

Answer 2

[AlexRas]

https://jsfiddle.net/88q3563a/

Comments

[AlexRas]

Или https://jsfiddle.net/83oykfyz/

[dzenn]

AlexRas: хм, почему на инпут не работает, и иконка не появляется

[dzenn]

AlexRas: все хорошо!

Answer 3

[Евгений]

$(function () {
    $('.textarea').on('keyup', function () {
        var l = this.value.length;

        if (l > 100) {
            $('.checkbox').show();
        } else {
            $('.checkbox').hide();
        }
    });
});