离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会,提高用户体验。
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());
}); });
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());
}); });