jquery实现页面离开时检测当前页面是否被修改,修改则提示
2015-02-03 16:41
344 查看
代码如下:
改进
//检测表单是否已经修改过 $(window).bind('beforeunload',function(){ <span style="white-space:pre"> </span>if( IsModified() ){ <span style="white-space:pre"> </span>return '您输入的内容尚未保存,确定离开此页面吗?'; <span style="white-space:pre"> </span>} }); //检测页面表单是否已编辑过 function IsModified() { var result = false; //初始化返回值 var colInput = document.getElementsByTagName("input"); //获取输入框控件 for (var i=0; i<colInput.length; i++){ //逐个判断页面中的input控件 if (colInput[i].value != colInput[i].defaultValue){ //判断输入的值是否等于初始值 result = true; //如果不相等,返回true,表示已经修改 colInput[i].style.backgroundColor = "#eee"; //改变被修改控件的背景色 } } return result; }
改进
//检测表单是否已经修改过 $(window).bind('beforeunload',function(){ if( IsModified( $("#form") ) ){ return '您输入的内容尚未保存,确定离开此页面吗?'; } }); //检测页面表单是否已编辑过 findForm需要检测的form表单 function IsModified( form ) //js原版 { if( !form ){ var form = $("form"); } var result = false; //初始化返回值 var colInput = form.find("input"); //获取输入框控件 for (var i=0; i<colInput.length; i++){ //逐个判断页面中的input控件 var THIS = colInput[i]; if ( THIS.value != THIS.defaultValue ){ //判断输入的值是否等于初始值 result = true; //如果不相等,返回true,表示已经修改 THIS.style.backgroundColor = "#eee"; //改变被修改控件的背景色 } } return result; }
相关文章推荐
- wordpress检测页面是否评论页和修改wordpress登录错误提示的代码
- 离开页面提示是否保存页面修改内容的简单实现
- 离开页面时检测表单元素是否被修改,提示保存的js代码
- 离开页面,检测表单元素是否被修改,提示保存
- 离开页面时检测表单元素是否被修改,提示保存的js代码
- 离开页面时检测表单元素是否被修改,提示保存的js代码
- jquery离开页面检测修改提示保存
- JQuery+Ajax实现用户名的检测(用户名是否已存在)
- 火焰灯menu修改之后,可以实现数遍点击小方块停留在当前页面
- JS判断用户是否有权限进入当前页面,没有直接关闭(解决IE7以上版本提示问题)
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- js实现检测当前时间是否超过指定时间,而进行操作
- jquery实现页面提示,数据正在加载中。(
- 修改jquery.lazyload.js实现页面延迟载入
- js关闭当前页面不弹出提示的方法 js实现浏览器的各种菜单命令
- jquery实现当前页面按钮点击全屏,点击退出全屏
- 验证用户是否修改过页面的数据的实现方法
- 验证用户是否修改过页面的数据的实现方法
- 修改jquery.lazyload.js实现页面延迟载入
- jquery实现注册时异步检测用户名是否存在