29.11.2011, 20:46
|
|
Аспирант
|
|
Регистрация: 29.11.2011
Сообщений: 38
|
|
|
Валидация формы
Оцените, выскажите мнение, и буду рад если кто сможет оптимизировать код или внести какие-либо полезные изменения.
p.s. файлы распаковать в одну директорию.
|
|
30.11.2011, 11:53
|
 |
猫
|
|
Регистрация: 07.06.2007
Сообщений: 7,504
|
|
Сообщение от Mightyraven
|
|
Оцените.
|
Выложи в песочницу, а то слишком лень качать, распаковывать, открывать и смотреть.
http://javascript.info/play
или github.com
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
|
|
30.11.2011, 15:31
|
|
Аспирант
|
|
Регистрация: 29.11.2011
Сообщений: 38
|
|
|
Gozar,
Если не трудно, объясните как работать с песочницей??? Я не умею... Буду признателен
|
|
30.11.2011, 16:25
|
 |
Модератор
|
|
Регистрация: 27.04.2010
Сообщений: 3,417
|
|
1) Заходишь в песочницу.
2) Работаешь.
3) Нажимаешь (сверху) кнопочку Save.
4) Копируешь ссылку.
5) Выкладываешь здесь. |
|
30.11.2011, 19:45
|
|
Аспирант
|
|
Регистрация: 29.11.2011
Сообщений: 38
|
|
Спасибо за помощь.
Теперь выкладываю здесь http://javascript.info/play/U4Gdib
Сперва идет проверка, на то все ли обязательные поля заполнены.
Потом проверяемся соответствие шаблону
и потом checkbox проверяет не бот ли вы.
Старался сделать как можно уневерсальнее код, чтобы можно было добавлять разное количество полей, и с разными шаблонами.
Где найдете не достатки может какие предложения, все выслушаю и постараюсь применить!
Последний раз редактировалось Mightyraven, 30.11.2011 в 19:53.
|
|
30.11.2011, 20:10
|
|
Профессор
|
|
Регистрация: 02.07.2010
Сообщений: 642
|
|
|
по-моему красные надписи на черном фоне выглядят зловеще...
|
|
30.11.2011, 20:40
|
|
Аспирант
|
|
Регистрация: 29.11.2011
Сообщений: 38
|
|
|
Ну это больше вопрос дизайна.
Я просто старался чтоб ошибка сразу бросалась в глаза.
Кстати фон не черный а темносерый.
Спасибо. попробую поиграть с различными цветами. Может подберу более подходящий. а вы какой цвет посоветуете?
|
|
30.11.2011, 21:07
|
|
Модератор
|
|
Регистрация: 27.04.2010
Сообщений: 3,417
|
|
Mightyraven, имеет смысл использовать для input'ов типы, добавленные в HTML5.
|
|
30.11.2011, 21:19
|
|
猫
|
|
Регистрация: 07.06.2007
Сообщений: 7,504
|
|
|
Эх, интересно когда уже программисты перестанут издеваться над пользователями?
При валидации формы, в случае непрохода проверки поставить курсор(фокус) в первое поле которое необходимо исправить и сделать фон этого поля красным или бросающимся в глаза.
Снизу поля написать что с этим полем не так(у вас сделано)
Заучить это правило или повесить на скотч посреди монитора, до полного осознания.
Писать что пользователем допущены ошибки категорически не рекомендуется!
Пользователь не может ошибится, т.к. видит вашу форму впервые, а также он всегда прав и с удовольствием пошлет вас куда подальше с вашей "тупой" проверкой.
И на последок, уберите нафиг alert, вместо него поставить всплывающую подсказку с задержкой 3 сек, и затем её скрыть.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
|
|
30.11.2011, 22:35
|
|
Профессор
|
|
Регистрация: 02.07.2010
Сообщений: 642
|
|
|
Сообщение от Mightyraven
|
|
Кстати фон не черный а темносерый.
|
-по ряду причин у меня стоит монитор с высокой контрастностью (у других тоже). поэтому серый становится черным...
|
Сообщение от Mightyraven
|
|
а вы какой цвет посоветуете?
|
обычно я провожу опрос своих пользователей насчет цвета и выбираю результат по большинству мнений. в частности, если говорить о сообщениях об ошибках, то большинство склонилось к белому шрифту на красном фоне. Вроде бы и хорошо заметно и не раздражает как, например, красный шрифт на синем фоне. посмотреть можете тут: http://gigalit.info |
|
|
|
