Robust Tags Input JavaScript Library – insignia

Category: Form , Javascript , Recommended | January 22, 2015
Author:
Views Total: 2,541
Official Page: Go to website
Last Update: January 22, 2015
License: MIT

Preview:

Robust Tags Input JavaScript Library – insignia

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;
  }

});

You Might Be Interested In:


Leave a Reply