浏览器后退->清除原页面div中填写的数据

  需求说明:页面表单用前端用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" >

  结果:欧克!

 

转载于:https://www.cnblogs.com/wxdblog/p/6993685.html

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个航空系统管理员页面内容的示例: ```html <div class="container"> <h1>航空系统管理员页面</h1> <h2>航班管理</h2> <div class="flight-management"> <form id="add-flight-form"> <label for="flight-number">航班号:</label> <input type="text" id="flight-number" name="flight-number" required><br> <label for="departure">出发地:</label> <input type="text" id="departure" name="departure" required><br> <label for="destination">目的地:</label> <input type="text" id="destination" name="destination" required><br> <button type="submit">添加航班</button> </form> <table id="flight-list"> <tr> <th>航班号</th> <th>出发地</th> <th>目的地</th> <th>操作</th> </tr> <!-- 这里使用JavaScript从后端获取航班列表并动态添加到表格 --> </table> </div> <h2>乘客管理</h2> <div class="passenger-management"> <table id="passenger-list"> <tr> <th>姓名</th> <th>性别</th> <th>航班号</th> <th>座位号</th> </tr> <!-- 这里使用JavaScript从后端获取乘客列表并动态添加到表格 --> </table> </div> </div> ``` 这是一个简单的航空系统管理员页面示例,包含航班管理和乘客管理两个部分。在航班管理部分,您可以通过表单添加新的航班,并显示已有航班的列表。在乘客管理部分,您可以显示乘客的列表。 请注意,上述示例的JavaScript部分被省略了,您需要根据实际情况添加相应的JavaScript代码来实现从后端获取数据并动态添加到表格的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值