离开页面时检测表单元素是否被修改,提示保存的js代码

更新时间：2010年08月25日 22:05:54 作者：

离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会，提高用户体验。

 
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中Number的方法小结
本文介绍javascript中Number的使用方法，并对其进行了汇总，希望对大家有所帮助
2016-11-11
文本框倒叙输入让输入框的焦点始终在最开始的位置
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，下面是具体的实现，感兴趣的朋友可以学习下
2014-09-09
某人初学javascript的时候写的学习笔记
JavaScript对象就是一组属性（方法）的集合在该语言中如果变量名或方法名不符合声明规范，则一定得用方括号“ [] ”引用它
2010-12-12
JavaScript中new操作符的原理示例详解
javascript中的new是一个语法糖,new的过程实际上是创建一个新对象,把新象的原型设置为构造器函数的原型,这篇文章主要给大家介绍了关于JavaScript中new操作符原理的相关资料,需要的朋友可以参考下
2021-07-07
小程序上滑下滑效果的示例代码
本文主要介绍了小程序上滑下滑效果的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
详解微信小程序中数据双向绑定如何实现
最近在小程序的开发过程中,需要用到双向绑定,遇到报错才知道微信本身是不支持对象双向绑定的,鏖战一番找到解决方案,下面这篇文章主要给大家介绍了关于微信小程序中数据双向绑定如何实现的相关资料,需要的朋友可以参考下
2023-05-05
JavaScript关键字this的使用方法详解
与其他语言相比,函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别,本文就给大家讲解一下JavaScript关键字中的this,需要的朋友可以参考下
2023-08-08
JavaScript实现淘宝京东6位数字支付密码效果
这篇文章主要为大家详细介绍了JavaScript实现淘宝京东6位数字支付密码效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-08-08
前端设计师们最常用的JS代码汇总
本文给大家整理汇总了一些做前端经常需要用的到JavaScript代码片段，非常的全面，有需要的小伙伴可以参考下
2016-09-09
js判断某个方法是否存在实例代码
这篇文章主要介绍了js判断某个方法是否存在的实例代码,可用于检测js中的方法是否可用,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01