Прежде, чем приступить к рассмотрению задач проекта, прошу для начала обратить внимание на требования к его потенциальному исполнителю!!!
- Проект не одноразовый! Сразу же после исполнения оного исполнителю будут предложены множество других задач!При благоприятном развитии Нашего проекта Мы будем рады предложить Исполнителю постоянную работу в обустроенном офисе, по возможности максимально упрощая график работы. Пока что это ещё только реализуемые планы, но стоит иметь их ввиду;
- Следовательно, Нам нужен специалист исключительно из Днепропетровска (максимально приближенному к АНД-району), который имеет возможность периодически встречаться с Нами для обсуждения вопросов front-end части проекта, и для расчета наличными (желательно) за выполненную работу;
- Сроки реализации проекта/проектов не слишком ограничены, но в том, чтобы задание было выполнено максимально быстро, заинтересованы не только Мы, но и Вы - чтобы, при желании, взяться за следующее задание. Поэтому совсем новичков в программировании на JavaScript прошу не отзываться на данный проект!;
Если Вы соответствуете Нашим требованиям к исполнителю, рассмотрим требования к проекту!
Страница в прикрепленных файлах - это страница некоторых из настроек профиля пользователя сайта. На её верстку и внешний вид не обращайте внимания, потому что это - тестовая верстка, чтобы показать поля ввода и их имена.
В будущем страница настроек будет выглядеть по-другому, но Вас это не должно волновать - требования проекта описаны исходя из предложенной страницы! Сейчас Мы имеем четыре блока:
- Смена пароля
- Персональная информация
- Связь
- Аватар
В каждом блоке есть некоторые правила заполнения полей ввода.
Кнопки "Изменить"/"Сохранить" изначально должны быть неактивны, до тех пор, пока все поля блока не будут правильно заполнены! Правила к конкретному блоку ниже.
Смена пароля:
- Поля должны быть не просто заполнены, а соответствовать шаблону "/^[a-z]+[a-z0-9_\-]/" - то есть должны начинаться с латинского символа, затем либо те же латинские символы, либо цифры, и должны содержать 6-36 символов;
- Поля с новым паролем и его повторением должны проверяться не только на соответствие шаблону, но и на совпадение;
Персональная информация:
- Все поля кроме Семейного положения обязательны к заполнению;
- В случае с Датой рождения нужно исключить, скажем, 30/31 февраля;
- Имя и Фамилия должны содержать либо латинские символы, либо кириллические - одно из двух. Правило к конкретному полю, то есть возможно кириллическое имя и латинская фамилия (либо наоборот);
- Уникальность Адреса страницы должна проверяться на стороне сервера AJAX-запросом - поле считается заполненным правильно исключительно в случае подтверждения уникальности. При загрузке страницы поле уже имеет правильное значение, на что следует реагировать соответственно (изначально поле заполнено правильно, но при изменении его содержимого нужно с помощью AJAX-запроса убедиться в правильности его заполнения);
Связь:
- Ни одно из полей не обязательно к заполнению, но заполненные поля должны соответствовать нижеследующим шаблонам;
- Номер телефона подразумевает мобильный номер, который должен быть указан в международном формате без "+" (например, 38 xxx yyyyyyy (Украина) (естественно, без пробелов и только цифры));
- Skype должен проверяться на правильность, в соответствии с требованиями одноименного сервиса;
- ICQ должен содержать исключительно цифры, в диапазоне 6-9 символов;
- Адрес сайта должен состоять исключительно из латинских символов и цифр. Проверяться на правильность заполнения должно только имя хоста, то есть [a-Z0-9].[a-Z], либо [a-Z0-9].[a-Z0-9].[a-Z] - остальное неважно;
- Трогать загрузку аватара не следует. Это отдельный проект.
Насчет блоков (!) хочу подчеркнуть следующее:
- Проверка правильности заполнения полей ввода конкретного блока не просто должна - обязана работать при любой последовательности изменения/заполнения полей (например, пользователь ввел сначала новый пароль, затем повторил его, и уже потом ввел старый пароль - реакция должна быть правильной!)!!! Даже если заполнение полей проверяется правильно, при несоблюдении данного требования реализация проекта не будет принята!!!
Техническая информация:
- Страница не статическая, а шаблон, формируемый с использованием шаблонизатора Smarty - поля ввода и еще некоторые блоки данных уже будут иметь актуальные (на момент формирования страницы) данные (например, поля Имя и Фамилия уже будут содержать данные, которые при загрузке страницы будут правильными);
Оплачивая разработку Вашего программного кода Я оставляю за собой право на его модификацию, поэтому требую, чтобы Ваш программный код содержал подробные комментарии! Только без фанатизма - не нужно описывать каждую строку кода - достаточно только объяснить, что делает какой-то его конкретный блок!
В вопросах цены проекта возможен торг - ждем Ваших ставок!
