angular-charlimit

Angularjs Directive to limit the number of characters allowed in a text field
2 people use it
Author: Assets.github.com%2fimages%2fgravatars%2fgravatar-user-420 igreulich

Angular Character Limit

This is my directive to limit the number of characters you can enter in a text field. It assumes you are using Bootstrap, and appends the warning class to your control-group at 10 characters left, and error at 0.

Use

You need to include the igCharLimit.js file before your app, but after angular.

This directive creates a new html attribute called char-limit. On your <input /> or <textarea></textarea> you put char-limit="x", where x is the number of characters you wish to limit the field to.

For example…

Requirements

  • Angularjs (Tested against 1.0.1 and later*)
  • jQuery
  • Bootstrap (This directive assumes you are using it, and assigns the warning, and error classes to your elemenets control-group div, but does not need Bootstrap to function.)

Todo

  • Remove dependency on jQuery
  • Remove assumption on Bootstrap
comments powered by Disqus
This page was last updated about 4 years ago.