javascript - JS 确认和提交不工作

Question

这是我的 JS:

function confirmPurchase(){
    var answer = confirm('Are you sure you want to purchase the ticket?');
    return answer;
}

function init(){
    purchaseForm.onsubmit = confirmPurchase;    
}

但是当我点击警告框上的“取消”时，它仍然在提交表单。如何在“取消”时停止提交表单，仅在单击“确定”时才允许提交？

Answer 1

尝试这样的事情:

var form = document.getElementById('myForm'),
    confirmPurchasePrompt = function(e) {
        var answer = confirm('Are you sure you want to purchase the ticket?');

        if (!answer) {
            e.preventDefault();
        }
    };


form.addEventListener('submit', confirmPurchasePrompt, true);

此处演示:http://jsfiddle.net/Uf8Y3/

请注意，这仅适用于现代浏览器(IE > 8)，但这是一般的想法。我相信您可以通过一些研究使其与旧版本兼容。

实际上，这可以帮助:
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Older_way_to_register_event_listeners

或者这个:
http://css-tricks.com/snippets/javascript/addeventlistner-polyfill/

前夕的这个:
https://gist.github.com/eirikbacker/2864711