離開頁(yè)面時(shí)檢測(cè)表單元素是否被修改,提示保存的js代碼
更新時(shí)間:2010年08月25日 22:05:54 作者:
離開頁(yè)面時(shí),檢測(cè)表單元素是否被修改,然后給出提示.防止用戶錯(cuò)失修改的機(jī)會(huì),提高用戶體驗(yàn)。
復(fù)制代碼 代碼如下:
window.onbeforeunload = function() {
if(is_form_changed()) {
return "您的修改內(nè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());
});
});
您可能感興趣的文章:
- javascript innerHTML、outerHTML、innerText、outerText的區(qū)別
- javascript innerText和innerHtml應(yīng)用
- JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實(shí)例分析
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
- JavaScript動(dòng)態(tài)改變HTML頁(yè)面元素例如添加或刪除
- 快速解決js動(dòng)態(tài)改變dom元素屬性后頁(yè)面及時(shí)渲染的問題
- js 獲取元素在頁(yè)面上的偏移量的方法匯總
- JavaScript獲取頁(yè)面上某個(gè)元素的代碼
- js使用文檔就緒函數(shù)動(dòng)態(tài)改變頁(yè)面內(nèi)容示例【innerHTML、innerText】
相關(guān)文章
某人初學(xué)javascript的時(shí)候?qū)懙膶W(xué)習(xí)筆記
JavaScript對(duì)象就是一組屬性(方法)的集合 在該語(yǔ)言中如果變量名或方法名不符合聲明規(guī)范,則一定得用方括號(hào)“ [] ”引用它2010-12-12詳解微信小程序中數(shù)據(jù)雙向綁定如何實(shí)現(xiàn)
最近在小程序的開發(fā)過程中,需要用到雙向綁定,遇到報(bào)錯(cuò)才知道微信本身是不支持對(duì)象雙向綁定的,鏖戰(zhàn)一番找到解決方案,下面這篇文章主要給大家介紹了關(guān)于微信小程序中數(shù)據(jù)雙向綁定如何實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-05-05JavaScript關(guān)鍵字this的使用方法詳解
與其他語(yǔ)言相比,函數(shù)的 this 關(guān)鍵字在 JavaScript 中的表現(xiàn)略有不同,此外,在嚴(yán)格模式和非嚴(yán)格模式之間也會(huì)有一些差別,本文就給大家講解一下JavaScript關(guān)鍵字中的this,需要的朋友可以參考下2023-08-08JavaScript實(shí)現(xiàn)淘寶京東6位數(shù)字支付密碼效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)淘寶京東6位數(shù)字支付密碼效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08