防止使用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 ready Handler中

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