DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 實現在離開頁面時提醒未保存的信息(減少用戶重復操作)
js 實現在離開頁面時提醒未保存的信息(減少用戶重復操作)
編輯:關於JavaScript     
Javascript代碼
復制代碼 代碼如下:
//在離開頁面時判斷是否有未保存的輸入值
var hasSaved = false;//是否有輸入的內容未保存標志,初始值為false
function CheckUnsave(){
if(hasSaved==false){
alert("您上傳的東西尚未保存,請保存後再離開頁面");
return false;}
//return true; //不能加這個語句
}

//保存了則改變狀態
function ChangeState()
{
hasSaved = true;
}
</script>

在body中加入屬性onbeforeunload
Html代碼
復制代碼 代碼如下:
<body onbeforeunload="return CheckUnsave();"><!--一定要加return-->

要在提交action之前調用ChangeState.
如果按下某個按鈕後離開頁面則不再提醒,比如保存的按鈕,則要在保存的按鈕按下以後,要修改下是否保存的標志符的狀態eg:
Html代碼
復制代碼 代碼如下:
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved