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();">