Задача 1. Шаг третий. Применение AJAX'a для проверки логина

Наконец-то переходим к самому интересному - в этой части задачи нужно применить технологию AJAX.

Задача: сделать асинхронную проверку логина, вводимого пользователем. Проверка не проходит, если логин равняется любому из имен: alena, andrew. Статус проверки отображается в правом углу поля. Всего выделяются 4 статуса: пустое поле, проверка в процессе, проверка прошла успешно, проверка не прошла. Картинки для всех статусов находятся в исходных файлах к заданию.
Общее описание шагов работы приложения:
1) Пользователь ввел логин в поле логина и перешел к вводу других данных.
2) Посылается запрос к серверу на проверку введенного логина.
3) Сервер проверяет введенный логин на равенство 'alena' или 'andrew' и при равенстве возвращает статус bad. Иначе ok. Также сервер делает 2-х секундную задержку (имитация выполнения длительной операции).
4) Клиентская часть получает ответ от сервера и отображает соответствующую иконку статуса в поле ввода логина.
5) Кнопка регистрации изначально отключена. Она активируется только когда все поля заполнены и логин прошел проверку.

Исходные данные
С предыдущих задач:
1. HTML-страница с формой регистрации.
2. CSS для страницы регистрации.
3. PHP скрипт, принимающий данные с заполненной формы.

Новые
4. Картинка gif с изображениями статуса валидации.
(Скачать исходные файлы)


Результирующие файлы
1. Файл с клиентским JavaScript кодом.
2. Файл с серверным PHP кодом.