Contador de caracteres restantes, com aviso visual perto do limite e ao estourar.
Mostra quantos caracteres faltam (ou passaram) do limite — bio de perfil, campo de comentário, SMS.
Injeta um contador logo depois do campo e atualiza a cada tecla. Aplica maxlength real no campo (bloqueia digitar além do limite) e classes de aviso quando restam poucos caracteres ou o limite estourou (só relevante se o texto foi colado, já que maxlength impede digitar além).
O contador — inserido automaticamente logo abaixo — fica laranja ao atingir 80% e vermelho ao limite (100%).
Título do post
Nome de usuário
Bio
Post social
<!-- Input com limite -->
<input type="text" sw-textlimit sw-textlimit-max="80" placeholder="Máximo 80 caracteres">
<!-- Textarea com limite -->
<textarea sw-textlimit sw-textlimit-max="280" placeholder="Máximo 280 caracteres"></textarea>Padrão: {count}/{max}
Restante: {remaining} restantes
Completo: {count} de {max} chars
Só contagem: {count}
<!-- Padrão: "42/100" -->
<textarea sw-textlimit sw-textlimit-max="100"></textarea>
<!-- Restante: "58 restantes" -->
<textarea sw-textlimit sw-textlimit-max="100" sw-textlimit-txt="{remaining} restantes"></textarea>
<!-- Completo: "42 de 100 chars" -->
<textarea sw-textlimit sw-textlimit-max="100" sw-textlimit-txt="{count} de {max} chars"></textarea>
<!-- Só contagem: "42" -->
<textarea sw-textlimit sw-textlimit-max="100" sw-textlimit-txt="{count}"></textarea>Contador centralizado: sw-textlimit-align="center"
Campo e contador centralizados: sw-textlimit-center
<!-- Contador expandindo a partir do centro -->
<textarea sw-textlimit sw-textlimit-max="100" sw-textlimit-align="center" sw-textlimit-txt="{count} de {max} caracteres"></textarea>
<!-- Campo e contador centralizados -->
<input type="text" sw-textlimit sw-textlimit-max="50" sw-textlimit-center sw-textlimit-txt="{remaining} restantes">sw-textlimit-maxmaxlength nativo se já existir) — define o maxlength real no camposw-textlimit-txtsw-textlimit-alignsw-textlimit-centerNenhum.
Nenhum.
Nenhum.
Nenhuma.
Nenhuma.
