Question

你能看一下 This Demo 并告诉我为什么我无法重置我的表格吗？

以下是我用于的代码：

$(function () {
    $("#reset").on("click", function (e) {
        e.preventDefault();
        //$('#theForm')[0].reset();
        $('#theForm').trigger("reset");
    });
});

正如您所看到的，我已经尝试了$('#theForm')[0].reset();和$('#theForm').trigger("reset");，但两项工作都没有，请您也告诉我如何在提交时重置？感谢

Answer 1

为什么不使用真正的重置按钮？ <input type="reset" >

Answer 2

将重置按钮的ID重命名为“resetbtn”，它可以正常工作！

现在，发生了什么......如果您调试javascript代码，您会注意到$（'＃theForm'）[0] .reset指的是按钮，而不是重置功能。看来，通过在表单中给出ID'重置'字段，您无意中覆盖了重置功能。</ p>

我确信对Javascript有更多经验的人会告诉你这里发生了什么，以及是否有更好的解决方法。

更新查看此链接：https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.reset

如果表单控件（例如重置按钮）的名称或id为reset，则它将屏蔽表单的重置方法。它不会重置输入中的其他属性，例如禁用。

关于通过jQuery重置联系表单的问题

2 个答案: