如何在show()后禁用刷新

时间:2016-03-03 13:27:45

标签: javascript jquery

下面给出了我想要纠正的代码的基本形式。一旦到达.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>

1 个答案:

答案 0 :(得分:3)

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