Question

我在提交后使用功能clearForms重置我的表单：

<script>
function clearForms()
{
  var i;
  for (i = 0; (i < document.forms.length); i++) {
    document.forms[i].reset();
  }
}
</script>

将身体设置为：

<body onLoad="clearForms()" onUnload="clearForms()">

但这种方法来自2006年（http://www.boutell.com/newfaq/creating/clearform.html）。有没有办法用jquery做到这一点？

谢谢！

Answer 1

这是你想要实现的目标吗？

(function() {
    var resetForms = function () {
        $('form').each(function() {
            this.reset();
        });
    };

    resetForms();

    window.onbeforeunload = resetForms;
})();

Answer 2

假设您在页面中包含了jQuery，那么在页面加载后您应该能够使用以下内容：

$('form :input').val('').html('');

小提琴here

Answer 3

原始帖子中的本机脚本比使用jQuery方法更有效，并且仍然像几年前一样有效。

jQuery使用原生的javascript方法....它只是以更方便的方式包装它们中的许多方法以更少的代码使用它们

用户提交后清除表单

3 个答案: