Нужно сделать валидацию формы итогового теста перед отправкой (на jQuery)
1)При нажатии кнопки окончания теста - выполнить проверку.
2)Введённые пользователем данные должны сохраниться.
3)Проверки:
- Для чекбоксов и радио - проверка, чтобы было выбрано хотя бы одно значение из блока.
- Для текстового поля - проверка, что набрано хотя бы 4 слова (по пробелам). Цифры допустимы, латиница тоже.
4)Если отправка не валидная:
1) Показать на несколько секунд div с всплывающим сообщеним, что тест заполнен не до конца (div должен быть с классом, чтобы верстальщик потом мог дооформить css.).
2) Подсветить незаполненные блоки красным.
3) Отлистнуться к первому незаполненному.
5)При заполнении подсвеченного блока подсветка с него снимается.
6)При валидной отправке сообщение выводить не требуется.
7)Ниже пример html кода теста. Изменять названия полей name, id, class, value не допустимо. Нужно воспользоваться имеющимися.
<div id="fintest_header">
<div class="fh_left">№</div>
<div class="fh_center">Вопрос</div>
<div class="fh_right">Варианты ответа</div>
<div class="endhr"> </div>
</div><div class="ft_main">
<div class="ft_left">4</div>
<div class="ft_center">Первый вопрос:</div>
<div class="ft_right"><div class="ft_right_answ"><label for="a27_96"><div class="ft_right_check"><input id="a27_96" type="checkbox" name="ch_n_r[27][]" value="a:1:{i:96;i:1;}"></div>
<div class="ft_right_text">ответ</div></label>
<div class="endhr"> </div> </div><div class="ft_right_answ"><label for="a27_97"><div class="ft_right_check"><input id="a27_97" type="checkbox" name="ch_n_r[27][]" value="a:1:{i:97;i:1;}"></div>
<div class="ft_right_text">ответ2</div></label>
<div class="endhr"> </div> </div><div class="ft_right_answ"><label for="a27_98"><div class="ft_right_check"><input id="a27_98" type="checkbox" name="ch_n_r[27][]" value="a:1:{i:98;i:1;}"></div>
<div class="ft_right_text">ответ3</div></label>
<div class="endhr"> </div> </div><div class="ft_right_answ"><label for="a27_99"><div class="ft_right_check"><input class="alltrue" id="a27_99" type="checkbox" name="ch_n_r[27][]" value="a:1:{i:99;i:1;}"></div>
<div class="ft_right_text">все ответы верны</div></label>
<div class="endhr"> </div> </div></div>
<div class="endhr"> </div>
</div><div class="ft_main">
<div class="ft_left">5</div>
<div class="ft_center">Второй вопрос</div>
<div class="ft_right"><div class="ft_right_answ"><label for="a34_123"><div class="ft_right_check"><input id="a34_123" name="ch_n_r[34][]" value="a:1:{i:123;i:1;}" type="radio"></div>
<div class="ft_right_text">нет</div></label>
<div class="endhr"> </div> </div><div class="ft_right_answ"><label for="a34_124"><div class="ft_right_check"><input id="a34_124" name="ch_n_r[34][]" value="a:1:{i:124;i:1;}" type="radio"></div>
<div class="ft_right_text">да</div></label>
<div class="endhr"> </div> </div></div>
<div class="endhr"> </div>
</div><div class="ft_main">
<div class="ft_left">6</div>
<div class="ft_center">Краткая характеристика темы</div>
<div class="ft_right">
<div class="ft_textarea_label"><label for="a29_108">Ваш ответ:</label> </div>
<div class="ft_right_answ">
<div class="ft_textarea"><textarea id="a29_108" rows="5" cols="20"
name="textarea[29][108]" placeholder="Напишите краткую характеристику"></textarea>
</div></div></div>
<div class="endhr"> </div>
</div>
Время имеет значение.
Задание небольшое, но при удачном сотрудничестве будут и другие (Нам много всего нужно дорабатывать, так что это задание можно считать тестовым).
Способы оплаты можно обсудить. Пишите, чем вы обычно пользуетесь.
Предоплата предполагается только для крупных задач при условии успешного сотрудничества.
За хорошую работу - хорошие рекомендации.
Для работы вышлю архив с сайтом для денвера с упрощённой версией теста (index.php, стили, скрипты, картинки).
Детали обсудим и внесём в техзадание.
Пишите в личку во сколько вы оцениваете работу и сколько по времени это займёт.