javascript - 尝试添加警告以防止用户在提交之前离开表单。我究竟做错了什么？

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(){