将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
        }
    );
});