js 實現在離開頁面時，對未儲存的資訊進行提醒

luckdog_hot發表於2012-06-07
原文網址 : https://blog.csdn.net/luckdog_hot/article/details/7642703
JS
<script language="JavaScript">
//在離開頁面時判斷是否有未儲存的輸入值 
var hasSaved = false;//是否有輸入的內容未儲存標誌，初始值為false
function CheckUnsave(){
	if(hasSaved==false){ 
	     alert("您上傳的東西尚未儲存，請儲存後再離開頁面");  
	return false;}  
   //return true; //不能加這個語句 
}

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

在body中加入屬性onbeforeunload

<body οnbefοreunlοad="return CheckUnsave();"><!--一定要加return-->
要在提交action之前呼叫ChangeState.
如果按下某個按鈕後離開頁面則不再提醒，比如儲存的按鈕，則要在儲存的按鈕按下以後，要修改下是否儲存的標誌符的狀態eg： 
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">


相關文章