防止表單使用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處理程序中

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