在页面重新加载时重置表单？

Question

谁能告诉我如何在重新加载页面时重置表单？

我试过类似的东西：

$(document).ready(function() {
$('#contact-form')[0].reset(); 
});

和：

<body id="final-example" onload="document.my_form.reset();">

它有效，但每次我重新加载或转到另一个页面时，我都会收到此错误 (f12) :

"TypeError: document.my_form is undefined"

我想问题是由于 onload 和 $("document").ready() 我试图清除每一页上的表单，但除了一个之外，每一页上都没有表单。

我必须说我在每个页面上都包含了页眉 php include 并且我的页眉包含正文开始标记所以可能是因为它试图在每个页面上执行重置？

那么我能否以某种方式避免这种情况，以便在我重新加载它或从另一页返回到它时它只对那个页面有效？或者我是否应该删除该页面上的 php include (header) 函数并粘贴代码？非常感谢。

Answer 1

请尝试以下。并从 body onload 事件中删除此 document.my_form.reset();。

$(document).ready(function() {
    //This condition will check if form with id 'contact-form' is exist then only form reset code will execute.
    if($('#contact-form').length>0){
        $('#contact-form')[0].reset(); 
    }
});

在页面重新加载时重置表单？

Form reset on page reload?

javascript

html

forms

reload

reset