Как сделать помощь при заполнении полей?

Question

[Евгений Шевцов]

Предположим есть поле для ввода текста

<input type="text" class="text_add" name="name"  required value="" />

И выборка из базы, которую мы получаем при загрузке страницы или же при вводе данных в поле.

Пользователь должен ввести только то что есть в этой выборке.
Например из выборки мы получили:
коля
вася
петя
пупкин
василиса

в поле вводи "вас" пользователю показываются варианты вася и василиса, и при этом ничего кроме вариантов из выборки приниматься не будет. =)

Как это сделать?
Просто очень нужно, чтобы пользователь вводил точные данные..

Comments

[Trow_eu]

А вот не принимать то, что есть в выборке, имхо, плохая идея для имен. Придет к вам Вассарион и не захочет после такого регестрироваться. Для городов пойдет, но нужна хорошая полная база.

Answer 1

[Виталий Киренков]

https://github.com/laktek/jQuery-Smart-Auto-Complete - плагин
laktek.github.io/jQuery-Smart-Auto-Complete/demo/i... - пример

Comments

[Евгений Шевцов]

спасибо. То что нужно!=)

[Виталий Киренков]

@Rattlesneyk: первая же ссылка в гугле на запрос "smart autocomplete jquery plugin"...
Не забудьте решение пометить, если оно вас устраивает.

Answer 2

[Игорь Воротнёв]

Плагинов для этого - тьма. Ключевое слово для поиска - autocomplete. Наверное, самый мощный и гибкий - Select2, но он и самый тяжелый и сложный в освоении. Есть родной jQueryUI Autocomplete. Есть простые и легкие - все зависит от конкретных требований. Нужен ли ajax, нужно ли произвольное оформление подсказок, локализация на разные языки, мультивыбор и так далее.

Начать поиск можно отсюда.