防止默认值不起作用

Question

我已经在这里检查过了，这些解决方案都无法解决我的问题。 我似乎无法使preventDefault（）起作用。 代码如下：

jQuery的：

$("#changepassword").submit(function(event) {
    event.preventDefault(); // stop normal form submission
    $.ajax({
        url: "changePassword.php",
        type: "POST",
        data: $(this).serialize(), // you also need to send the form data
        dataType: "html",
        success: function(html) {
            $("#s-window").append(html);
        }
    });
});

HTML：

    <div id="s-window">
        <form id="changepassword" action="changePassword.php" method="POST">
            <input type="password" name="currentPassword" placeholder="Current Password"/>
            <input type="password" name="newPassword" placeholder="New Password"/>
            <input type="password" name="confirmPassword" placeholder="Confirm Password"/>
            <input class="button" type="submit" value="Change Password" />
        </form>
    </div>

我的上司没有任何错误。 changePassword.php可以正常工作。 但是，与其更新我的#s窗口，不如将其重定向到changePassword.php页面。

如何重新编码以使所有内容在页面上发生？

Answer 1

您可以使用return false;来尝试这种方式return false; ，如果您有任何困惑，请参见此处更多event.preventDefault（）与return false

$("#changepassword").submit(function(event) {
  //event.preventDefault(); // stop normal form submission
   return false;
});

Answer 2

您需要等待文档准备就绪：

$(document).ready(function(){
    $("#changepassword").submit(function(event) {
        event.preventDefault(); // stop normal form submission
        $.ajax({
            url: "changePassword2.php",
            type: "POST",
            data: $(this).serialize(), // you also need to send the form data
            dataType: "html",
            success: function(html) {
                $("#s-window").append(html);
            }
        });
    });
});

Answer 3

在您的ajax调用中，将dataType: "html"更改为dataType: "script"

Answer 4

至少在IE中， event是全局变量（根据“事件”是否在JavaScript中是保留字？ ）。 这可能不是造成问题的原因，但是仍然可以更改命名。