Quick reference

Considering the following example:

<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<div id="tags"></div>

<script>
var tags = jSuites.tags(document.getElementById('tags'), {
    onchange: function() {
        console.log(arguments);
    }
});
</script>
</html>


Available Methods

Method Description
tags.getData();Get all tags as a object
tags.getValue(number)Get a specific tag by index or all tags value
@param integer indexNumber - Null for all tags
tags.setValue(string);Set a new value for the javascript tagging
@param string newValue - Values separate by comma
tags.reset();Clear all tags
tags.isValid();Validate tags


Available events

Method Description
onbeforechangeMethod executed before a value is changed.
(HTMLElement element, Object instance, String value) => string
onchangeMethod executed when a value is changed.
(HTMLElement element, Object instance, String value) => void
onfocusMethod executed when the input is focused.
(HTMLElement element, Object instance, String currentValue) => void
onblurMethod executed when the input is focused.
(HTMLElement element, Object instance, String currentValue) => void
onloadMethod executed the DOM element is ready.
(HTMLElement element, Object instance) => void


Initialiation settings

Property Description
value: string | arrayInitial value of the compontent. An string separate by comma or an array of objects.
limit: numberMax number of tags inside the element
search: string | arrayThe URL for the remote suggestions, or an array of suggestions
placeholder: stringThe default instruction text on the element
validation: functionMethod to validate the entries in the input.
(HTMLElement element, String text, String value) => boolean