快捷導(dǎo)航

離開(kāi)頁(yè)面時(shí)檢測(cè)表單元素是否被修改,提示保存的js代碼

更新時(shí)間：2010年08月25日 22:05:54 作者：

離開(kāi)頁(yè)面時(shí),檢測(cè)表單元素是否被修改,然后給出提示.防止用戶錯(cuò)失修改的機(jī)會(huì)，提高用戶體驗(yàn)。

 
window.onbeforeunload = function() { 
if(is_form_changed()) { 
return "您的修改內(nèi)容還沒(méi)有保存，您確定離開(kāi)嗎？"; 
} 
} 
function is_form_changed() { 
var t_save = jQuery("#t_save"); //檢測(cè)頁(yè)面是否要保存按鈕 
if(t_save.length>0) { //檢測(cè)到保存按鈕,繼續(xù)檢測(cè)元素是否修改 
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()); 
}); 
}); 

您可能感興趣的文章:

相關(guān)文章

非常漂亮的js煙花效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)非常漂亮的煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件,以完整實(shí)例形式分析了javascript自定義水平滾動(dòng)字體插件的定義、原理與使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
輕松掌握J(rèn)avaScript策略模式
這篇文章主要幫助大家輕松掌握J(rèn)avaScript策略模式，什么是js策略模式，感興趣的小伙伴們可以參考一下
2016-08-08
JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼
這篇文章主要介紹了JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
使用Microsoft Ajax Minifier減小JavaScript文件大小的方法
大家用來(lái)減小JavaScript文件下載大小的常見(jiàn)的方式有2種：壓縮（compression）和縮?。╩inification）。
2010-04-04
微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
如何用JavaScript學(xué)習(xí)算法復(fù)雜度
這篇文章主要介紹了如何用JavaScript學(xué)習(xí)算法復(fù)雜度，對(duì)算法感興趣的同學(xué)，一定要看一下
2021-04-04
JS庫(kù) Highlightjs 添加代碼行號(hào)的實(shí)現(xiàn)代碼
Highlightjs是一款優(yōu)秀的代碼高亮Js組件，可以很方便地對(duì)各種語(yǔ)言編寫的代碼添加語(yǔ)法高亮樣式。本文重點(diǎn)給大家介紹Highlightjs 添加代碼行號(hào)的實(shí)現(xiàn)代碼，需要的朋友參考下吧
2017-09-09
谷歌瀏覽器調(diào)試JavaScript小技巧
這篇文章主要介紹了谷歌瀏覽器調(diào)試JavaScript小技巧,需要的朋友可以參考下
2014-12-12
jQuery中deferred對(duì)象使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery中deferred對(duì)象使用方法，也就是延遲對(duì)象的使用方法，感興趣的小伙伴們可以參考一下
2016-07-07