javascript - jQuery 不阻止提交表单

标签 javascript jquery forms

我想阻止使用 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/

相关文章:

javascript - 是否可以在 HTML 中的 'onclick' 上运行 .exe 或 .bat 文件

javascript - Laravel 无法通过 ajax 上传图像

javascript - 使用 Pako 在 Javascript 中提取 gzip 数据 - 编码问题

javascript - 使用ajax每X秒更新一次html页面

jquery - 替换同一文本中的多个输入值

html - Firefox 不支持 withCredentials 属性

javascript - 使用随机字符串生成器和 MySQL 进行电子邮件验证

javascript - 对话框中动态元素的单击事件

forms - AMP表单提交重定向或响应

ruby-on-rails - Rails 中的过滤表单?