I’m sure the title of this question is a bit confusing. An example of what I am looking for is located on the evite.com’s add guests page. Notice that it allows you to type in email addresses into a text box. When you hit “space”, it validates the email address (based on syntax) and wraps it in an element, complete with appropriate style. It also allows you to click on an “x” next to the email address to remove the address or click on the address to edit it.
I’m not as concerned with the specifics surrounding email address validation. I’m more interested in the generic behavior of this component. Specifically, wrapping some text entered by the user in an element after detecting some hotkey.
Before I re-invent the wheel, I’d like to know if there is some sort of a jquery plugin that already does something like this.
Check out this question: https://stackoverflow.com/questions/7462658/jquery-input-tag-plugins
It contains links to several jQuery plugins, such as TagManager and jQuery TagIt.
Also contains the following answer: