离开页面时检测表单元素是否被修改,提示保存的js代码
作者:
离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会,提高用户体验。
复制代码 代码如下:
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 innerHTML、outerHTML、innerText、outerText的区别
- javascript innerText和innerHtml应用
- JavaScript中innerHTML,innerText,outerHTML的用法及区别
- javascript中innerText和innerHTML属性用法实例分析
- js中innerText/textContent和innerHTML与target和currentTarget的区别
- JavaScript动态改变HTML页面元素例如添加或删除
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- js 获取元素在页面上的偏移量的方法汇总
- JavaScript获取页面上某个元素的代码
- js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】