离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
Sep 17 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
Vue中通过vue-router实现命名视图的问题
Apr 23 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&mysql(四)
2006/10/09 PHP
PHP Header用于页面跳转要注意的几个问题总结
2008/10/03 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
JS继承 笔记
2011/07/13 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
python Django连接MySQL数据库做增删改查
2013/11/07 Python
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python全局变量操作详解
2015/04/14 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
用Python爬取QQ音乐评论并制成词云图的实例
2019/08/24 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
python剪切视频与合并视频的实现
2020/03/03 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
意大利网上购书网站:Libraccio.it
2021/02/03 全球购物
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
土木工程个人自荐信范文
2013/11/30 职场文书