Интегрировать HTML-форму с плагином jQuery

Question

У меня есть HTML-форма, которая передает данные в скрипт cgi-bin, который, в свою очередь, обеспечивает некоторый вывод.

Я видел этот пример , который показывает модальное окно с jQuery. Это было бы идеально для показа вывода cgi-bin! Проблема в том, что этот пример работает с <a href> и я не могу заменить кнопку отправки ссылкой. Как мне быть?

Answer 1

$('#your-form').submit(function(e){
    e.preventDefault(); // make sure form is NOT submitted by the browser as this would make us navigate away from the current page and therefor render our modal window useless
    $this = $(this); // cache $(this) for better performance
    $.post( // submit the form via POST ...
        $this.attr('action'), // ... to the action URL of our form
        $this.serialize(), // ... with all the form fields as data
        function(data) { // ... and with the server response ...
            $(data).appendTo('body').paulund_modal_box().click(); // ... open the modal.
            // note that the click() is only required for the rather quirky "plugin" that you linked to. I suggest using easybox or the like
        }
    );
});