javascript - javascript中的表单重置

Question

我正在尝试重置带有确认窗口的表单。我的 html 看起来像:

<input type="reset" value="Reset" onclick="showReset();"/>

然后是我的 javascript:

function doReset() {
    var formElements = document1.form1.elements;
    for (var i = 0; i < formElements.length; i++) {
        formElements[i].value = "";
        if (formElements[i].checked) {
            formElements[i].checked = false;
        }
    }
}

function showReset() {
    if (window.confirm("Do you really want to reset the form?")) {
        doReset();
    }
}

当我在确认窗口上点击取消时，表单仍然会重置，我不知道为什么。谢谢。

Answer 1

如果我理解这个问题，那么重点是绕过默认行为并使用您的函数。您可以通过向 showReset() 函数添加 return false 来阻止默认按钮操作。

function showReset(e) {
    if (window.confirm("Do you really want to reset the form?")) {
        doReset();
    }
    return false;
}

此外，请确保 onclick 处理程序返回 showReset 的结果:

<input type="reset" value="Reset" onclick="return showReset();"/>

或者，如果您想要默认的浏览器行为并且只想要一个确认对话框，为什么不只使用确认呢？就像这样:

<input type="reset" value="Reset" onclick="return window.confirm('Do you really want to reset the form?');"/>

这只是“做什么”，但如果您想获取更多信息，这些线程中有一些很好的信息:

• event.preventDefault() vs. return false
• What's the effect of adding 'return false' to a click event listener?