El otro dia para un proyecto en el trabajo me solicitaron que en los inputs apareciera un contador como lo hace bootstrap-maxlength, el problema es que el proyecto no esta hecho con bootstrap y al intentar aplicar bootstrap-maxlength no funcionaba correctamente.
Además me pidieron que el usuario pudiera escribir aun habiendo llegado a los caracteres máximos que se aceptaban en ese campo (ej 60 caracteres serán los visibles en la web, pero en la DB el campo puede tener hasta 100 chars). Llamemosle warnlength (warning length)
Adicionalmente también fuera rápido ver que campos sobrepasaban el maxlength (típico registro que se copia de otra tabla y tiene mas caracteres que el maxlength aceptado para el campo) y los que pasaban ese warnlength.
Así que comencé a hacerlo y una vez tenia la cajita de números a la izquierda del campo, aproveche para ponerle los colores tipo bootstrap. Una vez finalizada, por la noche mire como crear un plugin de jQuery y luego le añadí algunos parámetros de más.
Como requisitos, el plugin solo necesita jQuery.
A ver que os parece y que creéis que le podría añadir.
Link Github: https://github.com/guillerg86/charcounter
Video: https://github.com/guillerg86/charcounter/blob/master/charcounter_demo.mp4