javascript - 如何在 show() 后禁用刷新

Question

下面给出了我要纠正的代码的基本形式。在运行代码时，一旦到达 .show() 函数，页面就会刷新。我不想要那个。你能帮我解决这个难题吗!!!!请看下面的代码:

代码:

$(document).ready(function() {
    $("#mandate").hide();
    $("#submit").click(function() {
        var password = $("#password").val();
        if(password=='') {
            $("#mandate").show();
        }
        else {
            alert("Form Submitted Successfully..!!");
        }
    }
}

HTML:

<p id="mandate"><font color="red">Password is mandatory*</font></p>

Answer 1

将 return false; 添加到您的代码中。

$(document).ready(function() {
        $("#mandate").hide();
        $("#submit").click(function() {
        var password = $("#password").val();
        if(password=='') {
            $("#mandate").show();
            return false;
        }
        else
        {
        alert("Form Submitted Successfully..!!");
        }
});

return false 会给事件返回false。这告诉浏览器停止关注事件，例如关注链接。它类似于 event.preventDefault()