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

Issue on Resetting Contact Form by jQuery

本文关键字：表单 问题 联系人 jQuery 通过      更新时间：2023-09-26

你能看一下这个演示并告诉我为什么我不能重置我的表单吗?

下面是我使用的代码:

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

正如你所看到的，我已经尝试了$('#theForm')[0].reset();和$('#theForm').trigger("reset");，但都没有工作，你能告诉我如何在提交时进行重置吗?由于

你为什么不用一个真正的重置按钮呢?<input type="reset" >

重命名你的重置按钮的ID为"resetbtn"，它工作!

现在，发生什么事了…如果你调试javascript代码，你会注意到$('#theForm')[0]。复位指的是按钮，不是复位功能。似乎通过在表单中给字段ID 'reset'，您无意中覆盖了重置功能。

我相信有一点Javascript经验的人会告诉你这里到底发生了什么，以及是否有更好的解决方法。

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

如果一个表单控件(如重置按钮)的名称或id为reset，它将屏蔽表单的重置方法。它不会重置输入中的其他属性，例如disabled。

相关文章：