重置后退按钮上的表单 [英] Reset form on Back button

问题描述

如果用户在提交表单后返回，则尝试找到一个优雅的解决方案来重置webform（或更具体地说，两个 INPUT Type ='hidden'字段）。

Trying to find an elegant solution to reset a webform (or more specifically two INPUT Type='hidden' fields) if a user goes BACK after the form is submitted.

我知道BACK按钮不会触发onload事件。

I understand that BACK button does not trigger an onload event.

但有没有办法处理这个？

But is there any way of dealing with this?

推荐答案

按下后退按钮时， onbeforeunload 事件是解雇，所以你可以尝试类似

when the back button is pressed, onbeforeunload event is fired so you can try something like

jQuery：

$('#form_id').submit(function(){
$(window).unload(function () {
$('input[type="hidden"]').val("reset_value"); 
}
});

javascript：

<form onsubmit="call_function();">

在脚本标记之间：

function call_function(){

window.onbeforeunload = function(){
var input_elems = document.getElementByTagName('input');
for(var i=0;i<input_elems.length;i++){
     if(input_elems[i].type === 'hidden'){
         input_elems[i].innerHTML = "reset_value";
     }
   }
}

这篇关于重置后退按钮上的表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！