Javascript 不要"；请留下这一页；在提交联系表格时

我只看到了另一个类似的问题（），我不知道如何将它应用到我的页面上。我是网络开发新手，所以我使用了一个联系人表单。您可以在此处查看我的联系人页面：

问题是当你提交信息时，页面会重新加载。我正在使用

窗口.onbeforeunload

功能在用户离开页面时提醒他们。但当他们按submit时，警报就会出现，因为他们显然是在“离开页面”。那不是我想要的。我希望页面不会重新加载，因此警报不会弹出

旁注：提交后，字段的大小会改变。有人知道为什么吗

这不是我的代码，所以我不确定是什么导致页面重新加载以及如何修复它

这里是索引页（我认为相关的部分）：

联系人-mikeyaworski
标签{
颜色：白色；
}
文本区{
最大宽度：400px；
最大高度：200px；
}
输入#姓名、输入#电子邮件、输入#主题{
高度：18px；
宽度：220px；
}
window.onbeforeunload=函数（）{
var name=document.getElementById（'name'）。值；
var email=document.getElementById（'email'）。值；
var subject=document.getElementById（'subject'）。值；
var message=document.getElementById（'message'）。值；
如果（姓名=“”&&email=“”&&subject=“”&&message=“”）{//什么也不做（所有空白字段）
}
否则{
return“您的更改将不会被保存”。；//停止更改，因为它们有未保存的内容
}
};
您的姓名：



电子邮件地址：



主题：



消息：

// 

---

我假设它与

$formproc=new FGContactForm（）有关。因此，如果您需要查看文件
fgcontactform.php
中的函数，请告诉我。
所有表单都会重新加载页面。如果您不想在没有重新加载的情况下发布数据（出于安全考虑，不建议这样做），那么您必须研究AJAX

更新

<input type="submit" name="Submit" value="Submit" onclick="window.onbeforeunload = null;">



如果单击“提交”，则会将处理程序
窗口。onbeforeunload
设置为
null
只是一个注释，w3schools是一个不好的参考站点。好吧，公平地说，有些基本的事情学校处理得很得体。但这些建议往往是过时的&与现代实践格格不入。谢谢你的尝试。我只是再试了一次，但它仍然做同样的事情。@mikeyaworski-我更新了我的答案。如果提交表单，通过设置为
null
，可以删除处理程序
窗口.onbeforeuload
。非常聪明。非常感谢。这不是问题的一部分，但你知道为什么在提交邮件时，文本字段会缩小一点吗？欢迎。是的，我看到你的文本字段缩小了。。。嗯，我复制了你的css样式并测试了。。但对我来说效果很好。。。我现在得走了。。。明天我会看得更详细，然后告诉你！
<input type="submit" name="Submit" value="Submit" onclick="window.onbeforeunload = null;">