重置后退按钮上的表单

Question

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

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

但有没有办法解决这个问题？

Answer 1

当按下后退按钮时,onbeforeunload事件被触发,所以你可以尝试类似的东西

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";
     }
   }
}