小编典典

阻止表单重定向还是在提交时刷新?

javascript

我搜索了一堆页面,但是找不到我的问题,所以我不得不发表一个帖子。

我有一个带有提交按钮的表单,提交后我不希望它刷新或重定向。我只希望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);
}

阅读 272

收藏
2020-05-01

共1个答案

小编典典

只需处理Submit事件中的表单提交,然后返回false:

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

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

<input class="submit" type="submit" value="Send" />
2020-05-01