需求说明:页面表单用前端用div布局,提交之后跳转到另一个页面,但是考虑到客户奇怪的脑回路,可能会点击浏览器的后退按钮,不知道是个体情况还是都是一样,原本div中填写的数据还依然存在,所以需要让页面在后退后div显示为空.
解决过程:找了两个前端的,说没碰到过这种情况,无奈只能自己解决.我定义了一个方法,在点击提交之后,会立即清除div中的数据,但是这样,用jQuery提交的数据也变成了空.后来我采用setTimeout延时清除div中的数据.此方法为拍脑门想出来的,会受网速等其他因素影响,不好用.
案例代码:
1 //提交动作
2 $('#submit').on('click', function(){
3 $("#submitForm")[0].click();
4 setTimeout(clear(), "150");//延时50毫秒执行
5 }
6
7 //提交之后数据置为空
8 function clear(){
9 $('#num1').val(0);
10 $('#num2').val(0);
11 $('#num3').val(0);
12 $('#num4').val(0);
13 $('#num5').val(0);
14 $('#num6').val(0);
15 }
解决方法:找到的一个属性 autocomplete="off".
//将他放在 <input type="text" autocomplete="off" /> //或是直接放在 form <form autocomplete="off" >
结果:欧克!