javascript - 防止表单使用 jQuery 提交

Question

所以这让我发疯。这段代码，

$('#the_form').submit(function(e){
            alert("Submit!");

            return false;
            e.preventDefault();
        });

应该阻止我的 HTML 表单，

<form id="the_form">
                <input type="text" name="q" />
                <input type="submit" />
            </form>

从刷新页面，但它没有。有人对此有见识吗？

Answer 1

$(function() {
    $('#the_form').on('submit', function(e){
        e.preventDefault();
        alert("Submit!");
    });
});

Answer 2

尝试return false从您的代码中删除，或将其放在e.preventDefault().

Answer 3

只需删除声明return..

还要确保您的代码包含在 DOM 就绪处理程序中

$(document).ready( function() {
    $('#the_form').submit(function(e){
         alert("Submit!");
         e.preventDefault();
    });
});