Как я уже писал раньше, сайт mnogonot.ru будет полезен читателям для обучения.

Я знаю три варианта и об одном из них сегодня расскажу:

У меня есть две формы на сайте. Одна “Добавить сайт”, вторая “Написать автору”. Возьму в качестве примера форму по добавлению сайта.

Кнопка “отправить” имеет свой id=newsitesubmit.

Вот как задется событие, которое срабатывает по кликику кнопки “отправить”:

$('#newsitesubmit').click(sendsite);

Этот код я использую для обработки формы по добавлению нового сайта:

function sendsite() { /* отправляем данные из формы */
   var sitename = $("#siteinfo #sitename").val();
   var siteurl =  $("#siteinfo #siteurl").val();
   var uname = $("#siteinfo #username").val();
   var uemail =  $("#siteinfo #uemail").val();
   $.get('savesite.cgi', {sname: sitename, surl: siteurl, uname: uname, uemail:
   $.get('static/msg_site_added.txt',function(data){
     var oldcontent = $('#siteinfo').html();
     $('#siteinfo').html(data);
    }
   );
  };

Скрипт savesite.cgi отсылает мне на e-mail данные из формы, которые били переданы через метод get.

Теперь разберем скрипт:
Первые 4 строки скрипта - сбор данных формы.
Следующей строкой отсылаются собранные данные в perl-cgi скрипт отправки формы на e-mail.
Следующие 3 строки помещают текст о том, что отправка прошла удачно в div с id=siteinfo.

В другом способе можно воспользоваться функцией jquery serialize(). Но когда я с ней разбирался, она у меня работала ровно на нечетные загрузки сайта

Третий способ использовать плагин forms. Но его я вообще не рассматривал, поэтому ничего сказать не могу.

Популярность: 58%