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;
   } 
});

如何在不保存信息的情况下提醒离开页面的用户

2 个答案: