Versatile jQuery Tags Input Plugin - Tag Handler

File Size: Unknown
Views Total: 3446
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Versatile jQuery Tags Input Plugin - Tag Handler

Tag Handler is an easy yet powerful jQuery tags manager plugin that converts an Html list into a tags input field that allows to add/remove tags via Enter or comma.

Features:

  • jQuery UI theme supported.
  • Autocomplete tagging.
  • Ajax request enabled.
  • Callback events supported.
  • Custom tag validator.
  • Ability to set the maximum number of tags.

See also:

Basic Usage:

1. Load the latest jQuery javascript library in the head section of your document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

2. Load the jQuery Tag Handler Plugin after jQuery library.

<link type="text/css" href="css/jquery.taghandler.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.taghandler.min.js" ></script>

3. Create an Html unordered list for the tags input.

<ul id="demo">
</ul>

4. Initialize the plugin.

<script type="text/javascript">
$(function(){
$("#demo").tagHandler();
})
</script>

5. Check the options and methods in the jquery.taghandler.js.


This awesome jQuery plugin is developed by wshafer. For more Advanced Usages, please check the demo page or visit the official website.