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