Валидация формы
 

Оцените, выскажите мнение, и буду рад если кто сможет оптимизировать код или внести какие-либо полезные изменения.

p.s. файлы распаковать в одну директорию.

Выложи в песочницу, а то слишком лень качать, распаковывать, открывать и смотреть.

http://javascript.info/play
или github.com

Gozar,
Если не трудно, объясните как работать с песочницей??? Я не умею... Буду признателен

1) Заходишь в песочницу.
2) Работаешь.
3) Нажимаешь (сверху) кнопочку Save.
4) Копируешь ссылку.
5) Выкладываешь здесь.

Спасибо за помощь.
Теперь выкладываю здесь http://javascript.info/play/U4Gdib

Сперва идет проверка, на то все ли обязательные поля заполнены.
Потом проверяемся соответствие шаблону
и потом checkbox проверяет не бот ли вы.

Старался сделать как можно уневерсальнее код, чтобы можно было добавлять разное количество полей, и с разными шаблонами.
Где найдете не достатки может какие предложения, все выслушаю и постараюсь применить!

по-моему красные надписи на черном фоне выглядят зловеще...

Ну это больше вопрос дизайна.
Я просто старался чтоб ошибка сразу бросалась в глаза.
Кстати фон не черный а темносерый.
Спасибо. попробую поиграть с различными цветами. Может подберу более подходящий. а вы какой цвет посоветуете?

Mightyraven, имеет смысл использовать для input'ов типы, добавленные в HTML5.

Эх, интересно когда уже программисты перестанут издеваться над пользователями?

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

Снизу поля написать что с этим полем не так(у вас сделано)

Заучить это правило или повесить на скотч посреди монитора, до полного осознания.

Писать что пользователем допущены ошибки категорически не рекомендуется!

Пользователь не может ошибится, т.к. видит вашу форму впервые, а также он всегда прав и с удовольствием пошлет вас куда подальше с вашей "тупой" проверкой.


И на последок, уберите нафиг alert, вместо него поставить всплывающую подсказку с задержкой 3 сек, и затем её скрыть.

-по ряду причин у меня стоит монитор с высокой контрастностью (у других тоже). поэтому серый становится черным...

обычно я провожу опрос своих пользователей насчет цвета и выбираю результат по большинству мнений. в частности, если говорить о сообщениях об ошибках, то большинство склонилось к белому шрифту на красном фоне. Вроде бы и хорошо заметно и не раздражает как, например, красный шрифт на синем фоне. посмотреть можете тут: http://gigalit.info