离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
window.location.hash知识汇总
Nov 09 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
ES6数组的扩展详解
Apr 25 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
javascript Number 与 Math对象的介绍
Nov 17 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字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
PHP中Restful api 错误提示返回值实现思路
2016/04/12 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
javascript iframe编程相关代码
2009/12/28 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
在小程序Canvas中使用measureText的方法示例
2018/10/19 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
市三好学生主要事迹
2014/01/28 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
双创工作实施方案
2014/03/26 职场文书
优质服务活动实施方案
2014/05/02 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
运动会表扬稿
2015/01/16 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
Django实现聊天机器人
2021/05/31 Python
压缩Redis里的字符串大对象操作
2021/06/23 Redis