页面重新加载时表单重置？答案

【问题标题】：Form reset on page reload?页面重新加载时表单重置？
【发布时间】：2017-01-22 07:02:44
【问题描述】：

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

我尝试过这样的事情：

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

和：

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

它可以工作，但每次我重新加载或转到另一个页面时，我都会收到此错误 (f12)：

“类型错误：document.my_form 未定义”

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

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

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

【问题讨论】：

你可以检查jquery是否找到了这个id。看起来像这样：if ($('#contact-form').length > 0 ) {

标签： javascript html forms reload reset

【解决方案1】：

请尝试以下。并从正文 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(); 
    }
});

【讨论】：