我搜索了一堆页面,但是找不到我的问题,所以我不得不发表一个帖子。
我有一个带有提交按钮的表单,提交后我不希望它刷新或重定向。我只希望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); }
只需处理Submit事件中的表单提交,然后返回false:
$('#contactForm').submit(function () { sendContactForm(); return false; });
您不再需要提交按钮上的onclick事件:
<input class="submit" type="submit" value="Send" />