离开页面时检测表单元素是否被修改,提示保存的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 版元素拖拽原型代码
Apr 25 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
Feb 16 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
Vue 技巧之控制父类的 slot
Feb 24 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动态生成VRML网页
2006/10/09 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
重新认识php array_merge函数
2014/08/31 PHP
PHP多线程之内部多线程实例分析
2015/03/09 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
js 省地市级联选择
2010/02/07 Javascript
jQuery 选择器理解
2010/03/16 Javascript
js 实现打印网页中定义的部分内容的代码
2010/04/01 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python 生成目录树及显示文件大小的代码
2009/07/23 Python
python进阶教程之文本文件的读取和写入
2014/08/29 Python
python下载图片实现方法(超简单)
2017/07/21 Python
pycharm 安装JPype的教程
2019/08/08 Python
Python错误的处理方法
2020/06/23 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
Servlet面试题库
2015/07/18 面试题
临时用工协议书范本
2014/10/29 职场文书