离开页面时检测表单元素是否被修改,提示保存的js代码


Posted in Javascript onAugust 25, 2010
window.onbeforeunload = function() { 
if(is_form_changed()) { 
return "您的修改内容还没有保存,您确定离开吗?"; 
} 
} 
function is_form_changed() { 
var t_save = jQuery("#t_save"); //检测页面是否要保存按钮 
if(t_save.length>0) { //检测到保存按钮,继续检测元素是否修改 
var is_changed = false; 
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() { 
var _v = jQuery(this).attr('_value'); 
if(typeof(_v) == 'undefined') _v = ''; 
if(_v != jQuery(this).val()) is_changed = true; 
}); 
return is_changed; 
} 
return false; 
} 
jQuery(document).ready(function(){ 
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() { 
jQuery(this).attr('_value', jQuery(this).val()); 
}); 
});
Javascript 相关文章推荐
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
jQuery 数据缓存模块进化史详细介绍
Nov 19 Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
vue中如何去掉空格的方法实现
Nov 09 Javascript
js中判断控件是否存在
Aug 25 #Javascript
JavaScript浏览器选项卡效果
Aug 25 #Javascript
Javascript之旅 对象的原型链之由来
Aug 25 #Javascript
Javascript new关键字的玄机 以及其它
Aug 25 #Javascript
jquery下组织javascript代码(js函数化)
Aug 25 #Javascript
jquery实现居中弹出层代码
Aug 25 #Javascript
jquery下实现overlay遮罩层代码
Aug 25 #Javascript
You might like
Php 构造函数construct的前下划线是双的_
2009/12/08 PHP
php 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
js回到页面指定位置的三种方式
2020/12/17 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
django 自定义用户user模型的三种方法
2014/11/18 Python
Python可变参数用法实例分析
2017/04/02 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
Python中asyncio与aiohttp入门教程
2018/10/16 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
python中如何进行连乘计算
2020/05/28 Python
应届专科生个人的自我评价
2014/01/05 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
政风行风建设责任书
2014/07/23 职场文书
委托书格式范文
2015/01/28 职场文书
环卫处个人工作总结
2015/03/04 职场文书
教师党员自我评价2015
2015/03/04 职场文书
javascript代码简写的几种常用方式汇总
2021/08/23 Javascript