如何不从JavaScript刷新页面？

Question

我正在使用asp.Net的网站上工作，它包含一个从iframe调用的页面。 该页面名为Districting，在aspx页面中具有javascript代码。 我创建了一个函数，单击“完成”按钮时将执行该函数。 此功能测试用户所满足的条件是否正确。 如果是，则加载另一个页面；如果否，则显示警报，并且什么也没有发生。 但是实际上，正在发生一些事情：页面正在刷新，这不是我想要的。 这是按钮：

<button id="Button1" onclick="testing()">Done</button>

这是功能测试：

function testing() {
    if (conditions are true)
        //Go to another page
    else{
        alert("Wrong decision");
        //Stay in the current page without refreshing it
    }
 }

因此，我需要做的是防止单击“完成”按钮时刷新页面。

提前致谢：）

Answer 1

将您的代码更改为

function testing() {
    if (conditions are true)
        return true;
    else{
        alert("Wrong decision");
        return false;
    }
 }

和您的标签

<button id="Button1" onclick="return testing()">Done</button>    

另外，请参阅如何确认href标记中的链接的导航？ ，因为非常相似。

Answer 2

按钮是标准的提交按钮，所以按钮是否在表单中？

如果是这样，可以在定义按钮类型时解决该问题：

<button type="button" id="Button1" onclick="testing()">Done</button>

Answer 3

您触发onclick的javascript函数需要返回false。 以下应该工作：

<button id="Button1" onclick="testing(); return false;">Done</button>