Веб-формы «Светофор». Вариант реализации

[XaocCPS]

пожалуйста

название — не суть :)

[XaocCPS]

символы я заметил тоже, что-то связанное с utf-8, наверное

спасибо за тестирование :)

[MadJeck]

В IE 6 тоже работает. А то его как то не хватает в списке.

[nicothin]

то, что IE6 нет в списке — это выдавание желаемного за действительное.
но, чОрт, насколько же желаемого!!!

[dmitryttt]

Спасибо за идею и пример

[cyberklin]

здорово, спасибо. Safari 3.1.2/Mac OS — все работает.
разве что я валидное поле сделал более зеленым :)

[XaocCPS]

зелень еще от монитора зависит
когда посмотрел у товарища на монитор, то серого фона в «общее» не увидел вообще :)

[winzard]

Серое — disabled

[nicothin]

согласен. на мой взгляд, сегое для «оющего» в блоке с белым фоном — ошибка юзабилити.

[middle]

А можно сделать так, чтобы при наборе рамка меняла свой цвет в соответствии со статусом? Пусть и не на каждое нажатие, а хотя бы после паузы. А то набираю, и не понятно — то ли уже валидно, то ли ещё нет… Приходится куда-нибудь переключаться.

[XaocCPS]

пожалуйста, пользуйтесь :)

[middle]

Спасибо! :)

[MTonly]

На всякий случай: светофор и семафор — совсем не одно и то же.

[XaocCPS]

вы не представляете, но я это знаю

[reflexing]

Смеялся :)

[rmaksim]

еще мот :hover добавить для большей интерактивности… например рамку ярче делать и т.д.

[myfeelings]

согласен, полностью поддерживаю

[XaocCPS]

к сожалению мне кажется что такая фича — лишняя
но если вам нравится, вы вполне можете сделать свой вариант на базе моего

[alias]

Я бы ограничился только валидным, невалидным и общим состоянием, а то при «полном наборе» слишком уж новогодне-ёлочно получается… А вооще — вещь, конечно, очень хорошая, спасибо.

[XaocCPS]

стиль important не обязательно использовать, автоматически он нигде не прописывается, так что ваш подход укладывается в текущую реализацию

[shelestov]

Идея очень понравилась. Добавил в закладки. Время появится, попоробую прикрутить к своей форме регистрации.

[ElenaHell]

имхо, для лучшего восприятия примеров состояний такой их порядок:
-общее
-важное
— -валидное
-ошибочное
Иначе получается смешивания «до» и «после» заполнения и проверок.

[XaocCPS]

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

[milax]

Прикольно, спасибо.
Только, наверное, надо еще менять цвет текста в инпутах, в зависимости от бэкграунда, чтобы «юзабильней» было (сочетания цветов). Ато везде синий — и для валидного и для ошибочного поля и т.д.

[XaocCPS]

многие не поняли, что суть плагина не в css
css — это отдельная история, вы можете менять его как хотите, именно для этого оформление отделено от логики

пожалуйста, экспериментируйте как хотите

[milax]

Поняли, это просто пожелание ;)

[zencd]

не понял зачем при фокусировании сменяется background

[Barttos]

В Safari если какой нить инпут активен, то не видно его границы.

[egorinsk]

Печально, пример не работает в Опере 9 без яваскрипта. Спец. для этого сайта включать неохота(.

[Juniorro]

С отключенным ксс тоже. Автора — на кол.

[Richard_Ferlow]

Парни, а вы как думаете это может вообще без JS и CSS работать?

Еще скажите — без видеокарты ничо не видно.

[Juniorro]

Без смайликов шутки нынче не котируются? Держите — "=)".

[DmitryBaranovskiy]

Непонятно только зачем все эти $(this).data()? Зачем захламлять объекты? И для плагина объявлять глобальную переменную SemaphoreSetInputState тоже как-то некошерно. «Занеймспейсить» бы её.

[dfuse]

Все круто, но как быть с SELECT, как быть с RADIO и CHECKBOX… Без полной поддержки всех возможных формовых элементов лично моё счастье «будет неполным» ;)

Но как первый шаг вполне.

[XaocCPS]

ну, задача ставилась проверять пользовательский ввод текста
валидация формы — это в соседнем посте
habrahabr.ru/blogs/jquery/44308/

[XaocCPS]

хотя этот вариант лично мне представляется не очень хорошим

[Jimmy]

У меня в IE 6.0.2900 не работает " :focus "