$('form').submit(function() {

    var el = $(this);

    $('<button type="reset" style="display:none; "></button>')
        .appendTo(el)
        .click()
        .remove()
    ;

    return false;

});

我在这里看到的代码和相关的SO问题似乎不完整。

重置表单意味着从HTML中设置原始值，所以我根据上面的代码将其放在一个小项目中:

            $(':input', this)
                .not(':button, :submit, :reset, :hidden')
                .each(function(i,e) {
                    $(e).val($(e).attr('value') || '')
                        .prop('checked',  false)
                        .prop('selected', false)
                })

            $('option[selected]', this).prop('selected', true)
            $('input[checked]',   this).prop('checked',  true)
            $('textarea',         this).each(function(i,e) { $(e).val($(e).html()) })

如果我遗漏了什么或者有什么需要改进的地方，请告诉我。

$(".reset").click(function() {
    $(this).closest('form').find("input[type=text], textarea").val("");
});

如果您使用选择器并使值为空值，这不是重置表单，而是使所有字段为空。重置是从服务器端加载表单后，使表单成为用户任何编辑操作之前的状态。如果有一个名为“username”的输入，并且该用户名是从服务器端预填充的，本页上的大多数解决方案将从输入中删除该值，而不是将其重置为用户更改之前的值。如果你需要重置表单，使用这个:

$('#myform')[0].reset();

如果您不需要重置表单，而是用一些值填充所有输入，例如空值，那么您可以使用其他注释中的大多数解决方案。

简单却很有魅力。

$("#form").trigger('reset'); //jquery
document.getElementById("myform").reset(); //native JS

你们中的一些人抱怨无线电和诸如此类的默认“已检查”状态被清除…你所要做的就是将:radio，:复选框选择器添加到.not中，问题就解决了。

如果你不能让所有其他重置函数工作，这个可以。

改编自ngen的回答 函数form_reset (formID) { $(':输入',' # ' + formID) 另(‘:按钮’,‘:提交’,”:重置”,“:隐藏”,“:广播”,“:复选框”) .val ("); ｝