我已经搜索了很多页面,但找不到我的问题,所以我不得不发一篇帖子.

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

我try 过在表单上添加或不添加动作元素,但不知道我做错了什么.更让我恼火的是,我有一个完美的例子:

如果你想看我的问题直播,转到stormink.net(我的网站),看看侧边栏上写着"给我发邮件"和"RSS订阅".这两个表格都是我想要做的.

推荐答案

只需在submit活动上处理深渊翻滚表单,返回FALSE即可:

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

您不再需要Submit按钮上的onClick事件:

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

Html相关问答推荐

后续使用收件箱从网页表中提取值

当使用浮动标签和大小时,如何在 Select 组件中有更多可见选项?

如何在css中将包含多行文本的多个p-tag放在一起(并排)?

如何在htmlAngular 17的@for中使用索引

如何仅 Select 与子代CSS类匹配的第一个元素

R-markdown中的非顺序列表

如何在一张表中逃脱边境坍塌--崩溃?

如何使用CSS在NSAttributedString中为HTML文本中的图像制作覆盖图

如何在网格中拥有离散的行

SVG';COLOR&39;属性不优先于通用css';COLOR&39;属性

减小HTML负载中base64字符串的大小

:invalid Select 器的惰性判断

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

带有数据 URI 的音频在 Chrome 中失败

这两个CSS中的网格居中对齐内部盒子有什么区别?

如何使容器的大小适合其 position:absolute; 子元素的大小

如何调整网格中单元格的高度?

Mediawiki css/html 信息框创建空白行

我应该如何使这个带有标签的隐藏复选框可访问

弹出窗口溢出溢出:自动,我不明白为什么