Page 66 - jQuery для начинающих
P. 66

$select.remove('option');


                    // преобразуем в multiple
                    // не забываем, что имя такого селекта, должно быть с [], т.е.
                    // myselect[], иначе сервер получит, лишь одно значение
                    $('select').attr('size',
                           $('select option').length

                    )
                    $('select').attr('multiple', true)


             Хорошо, работать с формой теперь можем, осталось прикрутить более вменяемый вывод
             ошибок (да-да, за alert() да по рукам):



                    if ($(this).find('input[name=user]').val() == '') {
                           $(this).find('input[name=user]')
                                   .before('<div class="error">Введите имя</div>');

                           return false;
                    }



             При повторной отправки формы не забудьте убрать сообщения оставшиеся от предыдущей
             проверки:


                           $(this).find('.error').remove()


             Теперь можно объединить кусочки кода и получить следующий вариант:


                    $('form').submit(function(){

                           // чистим ошибки
                           $(this).find('.error').remove();
                           // проверяем поля формы

                           if ($(this).find('input[type=name]').val() == '') {
                                  $(this).find('input[name=user]')
                                          .before('<div class="error">Введите имя</div>');

                                  return false;
                           }

                           // всё хорошо – отправляем запрос на сервер
                           $.post(
                                  $(this).attr('action'),  // ссылка куда отправляем данные

                                                                                                         66


                                                                                        www.trk.kg
   61   62   63   64   65   66   67   68   69   70   71