javascript - 防止表单重定向或刷新提交？

Question

我已经搜索了一堆页面，但找不到我的问题，所以我不得不发帖。

我有一个带有提交按钮的表单，提交时我希望它不刷新或重定向。我只是想让 jQuery 执行一个功能。

这是表格:

<form id="contactForm">
    <fieldset>
        <label for="Name">Name</label>
        <input id="contactName" type="text" />
    </fieldset>

    <fieldset>
        <label for="Email">Email</label>
        <input id="contactEmail" type="text" />
    </fieldset>

    <fieldset class="noHeight">
        <textarea id="contactMessage" cols="20"></textarea>
        <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" />
    </fieldset>
</form>        
<small id="messageSent">Your message has been sent.</small>

这里是 jQuery:

function sendContactForm(){
    $("#messageSent").slideDown("slow");
    setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', 2000);
}

我试过在表单上使用和不使用操作元素，但不知道我做错了什么。更让我恼火的是，我有一个完美的例子: Example Page

如果你想实时查看我的问题，请转到 stormink.net (我的网站)并查看侧边栏，其中显示“给我发送电子邮件”和“RSS 订阅”。这两种形式都是我试图让它发挥作用的形式。

Answer 1

只需处理 submit 上的表单提交事件，并返回 false:

$('#contactForm').submit(function () {
 sendContactForm();
 return false;
});

您不再需要提交按钮上的 onclick 事件:

<input class="submit" type="submit" value="Send" />