尝试添加警告以防止用户在提交之前离开表单.我做错了什么

Question

我在这里和互联网上看了5个多小时，我无法弄清楚我做错了什么。这可能是一件非常简单的事情。这是我到目前为止的代码：

<script type='text/javascript'>//<![CDATA[ 
window.addEvent('load', function() {
document.getElementsByClassName('submitformlisting')[0].onclick = function(){
window.btn_clicked = true;
};
window.onbeforeunload = function(){
if(!window.btn_clicked){
    return 'If you leave now, your information will be lost.';
}
};
});//]]>  
</script>

我的提交按钮看起来像这样：

<input type="submit" name="submit" id="submitformlisting" class="id="submitformlisting"" value="Add Listing" tabindex="4" onclick="return doSubmit();" />

Answer 1

你在 html 中搞砸了类。将class="id="submitformlisting""更改为class="submitformlisting"。

但是你最好使用 id 而不是类。

改变

document.getElementsByClassName('submitformlisting')[0].onclick = function(){

自

document.getElementById('submitformlisting').onclick = function(){