javascript - 如何防止 JQuery 按钮提交我的表单？

Question

我在 JQuery 开发方面绝对是新手，并且遇到以下问题。

我有一个包含此 JQuery 按钮的表单:

<!-- RESET BUTTON: -->
<td>
    <button class="resetButton" name="submitReset" onclick="return resetSearch(); return false;">Reset</button>
</td>

单击此按钮，用户将执行此 JavaScript 函数的表单中的两个输入重置为空:

function resetSearch() {
    var f = document.getElementById('dataDaAForm');
    f.dataDa.value = null;
    f.dataA.value = null;
    event.preventDefault();
}

脚本已执行，但问题是，之后它从上一个函数中退出，无论如何都会提交表单，我不希望发生这种行为。

如何防止用户单击重置按钮时提交表单？正如你所看到的，我也尝试添加此语句，但它不起作用:

event.preventDefault();

我错过了什么？我该如何解决这个问题？

另一个问题是:重置表单输入标记的值是否正确？

Answer 1

尝试一下 - 您需要将事件传递到函数中。此外，我不再需要内联 JS。

$(".resetButton").click(function(e) {
    var f = document.getElementById('dataDaAForm');
    f.dataDa.value = null;
    f.dataA.value = null;
    e.preventDefault();
});

除了防止默认情况外，Javascript 还提供了一种重置表单的方法:

$(".resetButton").click(function(e) {
    document.getElementById("dataDaAForm").reset();
    e.preventDefault();
});

注意:您标记了 jquery，因此我提供了 jquery 解决方案(尽管您的问题中没有 jquery)。