离开页面时检测表单元素是否被修改,提示保存的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 强制设为首页的代码
Jan 31 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
javascript里使用php代码实例
Dec 13 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
Sep 07 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 Javascript
Vue接口封装的完整步骤记录
May 14 Vue.js
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 json_encode值中大括号与花括号区别
2013/09/30 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
浅谈python内置变量-reversed(seq)
2017/06/21 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
python银行系统实现源码
2019/10/25 Python
python 实现矩阵填充0的例子
2019/11/29 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
python3中确保枚举值代码分析
2020/12/02 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
大学军训自我鉴定
2013/12/15 职场文书
情人节活动策划方案
2014/02/27 职场文书
请假条怎么写
2014/04/10 职场文书
4s店活动策划方案
2014/08/25 职场文书
关于感谢信的范文
2015/01/23 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers