阻止表单重定向还是在提交时刷新？
我搜索了一堆页面，但是找不到我的问题，所以我不得不发表一个帖子。
我有一个带有提交按钮的表单，提交后我不希望它刷新或重定向。我只希望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" />
-
问题内容： 当按下发送按钮而字段中没有任何数据时，如何防止页面刷新？ 验证设置工作正常，所有字段均变为红色，但随后页面立即刷新。我对JS的知识比较基础。 我特别认为底部的功能是“不良”。 的HTML JS 问题答案： 您可以阻止表单提交 当然，在该函数中，您可以检查是否有空白字段，如果看起来不正确，将停止提交。 没有jQuery：
-
问题内容： 全新的响应，在“登录”页面上单击“提交”后尝试重定向到“主页”。尝试遵循React Router教程。 当我单击表单上的提交按钮并在控制台上记录状态和fakeAuth.isAuthenticated时，它们都返回true。但是，重定向不会触发。 Login.js Routes.js 问题答案： 您必须返回render方法（否则将不会被渲染，因此将不会发生重定向）：
-
问题内容： 我只是写了这个漂亮的小函数，它可以在表单本身上工作… 按照我的逻辑，我想在输入textarea期间接受回车。同样，将输入字段的回车键行为替换为跳到下一个输入字段的行为（就像按下Tab键一样）将是额外的好处。有谁知道使用事件传播模型正确触发适当元素上的回车键，但阻止表单在其按下时提交的方法吗？ 问题答案： 这是我功能的修改版本。它执行以下操作： 防止Enter键在除textarea，bu
-
我正在使用vee验证vue中的表单。js。验证应该在blur上启动。有一个提交按钮，用于验证表单中的所有字段。 问题是，当我在键入一些输入后单击submit按钮时，只会触发blur事件并验证输入字段。未触发提交事件。如果再次单击该按钮，将触发提交事件。 示例代码链接：https://jsfiddle.net/2u6n7xfr/35/ 复制步骤： 在输入中键入一些无效值，即：qwerty 单击提交按
-
问题内容： 当按下发送按钮而字段中没有任何数据时，如何防止页面刷新？ 验证设置工作正常，所有字段均变为红色，但随后页面立即刷新。我对JS的知识比较基础。 我特别认为底部的功能是“不良”。 的HTML JS 问题答案： 您可以阻止表单提交 当然，在该函数中，您可以检查是否有空白字段，如果看起来不正确，将停止提交。 没有jQuery：
-
问题内容： 我浏览了所有类似的帖子，但似乎无济于事。这就是我所拥有的 HTML： JavaScript / jQuery： 我无法做的是防止在按时刷新页面。我尽力尝试了每一个组合，包括内部。我也尝试使用和相反的相同结果。我无法解决这个问题，这真是疯了。由于某些设计原因，我尽可能使用超链接。非常感谢您的帮助。 问题答案： 像这样修改函数： 正如评论所提到的，通过事件： 更新2：