如何在不保存信息的情況下提醒用戶離開頁面

Question

我做了一個小表格，詢問產品名稱和產品＃我的問題如何提醒用戶他不離開頁面而不保存信息。

<form action="index.php" method="post"> 
<input type="text" name="pnumber" value="" placeholder="Product Number...."/> 
<input type="text" name="pname" placeholder="Product Name...." /> <br> 
<button id="save">save</button> 
</form> 

Answer 1

現代瀏覽器支持window.onbeforeunload事件，您可以通過該事件來提供此類功能。

Answer 2

一個方法：檢查是否字段爲空

$(window).unload(function() { 
    var pnumber = $("input[name=pnumber]").val(); 
    var pname = $("input[name=pname]").val(); 



    if(pnumber==="" || pname==="") 
    { 
    alert("Please fill the form"); 
    return false; 
    } 
}); 

另：有一個全球性的標誌CHEC

var saved = false; // global variable 

$("#save").click(function() { 
    saved = true; 
}); 

$(window).unload(function() { 
    if(saved==false) 
    { 
    alert("Please fill the form"); 
    return false; 
    } 
});