Tag Inputs

taggingJS

A jQuery plugin to create an highly customizable front-end tag system.

Simple Options

# Austria×
# Indiana×
# Connecticut×

By default case-sensitive is false. Set it to true to allow case sensitive.

# virginia
# maryland

By default close char is "×". Pass empty string close-char:"" To remove close char.

# cairo×
# pennsylvania×
# texas×

By default you can edit the tag you just deleted from the tag box. set it edit-on-delete:false to avoid that.

# indiana×
# mississippi×

By Default duplicate tags are not allowed, set no-duplicate:false to allow duplicates.

# pennsylvania×
# vermont×

Enter key add a new tag by default, set it no-enter:true to avoid that.

# virginia×
# texas×

Comma "," key add a new tag by default, set it no-comma:true to avoid that.

Advance Options

# austria×
# indiana×
# connecticut×

You can pass an array like ["," , ".", "_", "?"] of forbidden chars.

# virginia×
# maryland×

Following words as forbidden, "bastard","bitch","biatch","bloody".

# cairo ×
# pennsylvania ×
# texas×

Define your pre tag separator. In this example / is used as pre tag separator.

Indiana, Mississippi

If false, clicking away from the $type_zone won't add a new tag.

Pennsylvania, Vermont

Define your tag char. In this example we have used * as tag char.

# virginia×
# texas×

Define your Class of the type-zone.

Simple Methods

# austria×
# indiana×
# connecticut×
# virginia×
# maryland×
# florida×
# texas×
# virginia×
# maryland×
# texas×
# virginia×
# maryland×
# texas×
# virginia×
# maryland×
# texas×
# virginia×
# maryland×

Advance Methods

# texas×
# virginia×
# maryland×
# texas×
# virginia×
# maryland×
# texas×
# virginia×
# maryland×

Check your console to see the special key objects.

Returns object
JavaScript
JavaScript
Object {comma: 188, enter: 13, spacebar: 32, del: 46, backspace: 8}
# texas×
# virginia×
# maryland×

Check your console to see the returned value.

Returned Value
JavaScript
JavaScript
Pennsylvania
Try Layout Builder