Robust Tags Input JavaScript Library – insignia

Preview:

Description:

insignia is a stand-alone JavaScript library to create beautiful, customizable tags/tokens input with ease.

Features:

• Custom delimiters.
• Allows to remove tags by clicking on the crosses.
• Duplicate tags validation.
• Supports custom event handler.

Basic Usage:

Download and include the insignia.js script at the end of your document.

<script src="insignia.js"></script>

Include the required insignia.css in the head section of the document.

<link href="insignia.css" rel="stylesheet">

Create a standard text filed to accept tags input.

<input id="demo">

Enable the tags input. The visitor can inert a list of tags separated by ‘space’.

insignia(input);

Available parameters.

insignia(input, {
  // custom delimiter
  delimiter: ',',
  // remove tags by clicking on the crosses
  deletion: true,
  // transform tags
  parse: function (value) {
    return value.toUpperCase();
  },
  // duplicate tags validation
  validate: function (value, tags) {
    return true;
  }
});