离开页面时检测表单元素是否被修改,提示保存的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正则匹配换行问题实现代码
Dec 10 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
Sep 05 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
详解用async/await来处理异步
Aug 28 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 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和ACCESS写聊天室(一)
2006/10/09 PHP
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
前端开发的开始---基于面向对象的Ajax类
2010/09/17 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
JavaScript知识点整理
2015/12/09 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
利用python爬取软考试题之ip自动代理
2017/03/28 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
django富文本编辑器的实现示例
2019/04/10 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
《小猫刮胡子》教学反思
2014/02/21 职场文书
2014年协会工作总结
2014/11/22 职场文书
雷锋之歌观后感
2015/06/10 职场文书
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js