Question

我想中断并阻止表单使用jQuery提交。这是我的表单标记：

<div id="register-box">
        <div id="register-box-inner">
            <h2>Register</h2>
            <form action="/register" method="post" id="register-form">
                <p><label for="username">Username:</label><input type="text" name="username"></p>
                <p><label for="password">Password:</label><input type="password" name="password"></p>
                <p><label for="email">E-mail:</label><input type="text" name="email"></p>
                <p><input type="submit" value="Register" class="register"></p>
            </form>
        </div>
    </div>

到目前为止

和我的Javascript代码：

$('#register-form').submit(function(e){
    e.preventDefault();
    alert("hi");
});

问题是，表格仍然存在。我想使用AJAX提交表单，但为没有启用Javascript的用户提供备用。 Javascript控制台中也不会弹出任何错误。

Answer 1

尝试

$("form").live("submit", function() {
        alert("hi");
        return false;
    });

Answer 2

尝试从处理程序返回false。

$('#register-form').submit(function(e){
    e.preventDefault();
    alert("hi"); 
    return false;
});

Answer 3

尝试：

<p><input type="submit" value="Register" class="register" onclick="submit(); return false;"></p>

使用jQuery停止表单提交

3 个答案: