我想阻止使用 jQuery 提交表单,而是在用户想要提交时运行一个函数。
这是我的表单标记:
<form action="" method="post" id="msg-form">
<p><textarea name="msg"></textarea><input type="submit" value="Send"></p>
</form>
还有我的 Javascript 代码:
$('#msg-form').submit(function() {
return false;
}
但是,当我按下提交按钮时,表单仍然被发送并且页面刷新。如何正确阻止表单提交?
最佳答案
似乎事件处理程序甚至没有执行,因此我假设无法找到表单。尝试将您的代码包含在 DOM 准备就绪时执行的处理程序中。在 jQuery 中,它可以像这样简单地完成:
$(function(){
$('#msg-form').submit(function(event) {
event.preventDefault();
// code executed when user tries to submit the form
});
});
此外,正如您在上面看到的,您可以在提交表单时阻止表单的默认行为。
关于javascript - jQuery 不阻止提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8732758/