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()

如何在show（）后禁用刷新

1 个答案: