即使onsubmit函数返回false仍在提交表单

Question

So I have a form that looks like this :

<form class="form-horizontal" method="POST" onSubmit="submitFormButton()">

and my submitformbutton function :

function submitFormButton(){
    document.getElementById('vacationApplicationForm').action = '';
    document.getElementById('vacationApplicationForm').method = 'POST';
    if (showWarning == true){
        var agree = confirm("wtf?");
        if (agree){
            document.getElementById('vacationApplicationForm').submit();
        } else {
            return false;
        }
    } else {
        document.getElementById('vacationApplicationForm').submit();
    }
}

And when I click cancel in confirm dialog the form is still being submitted. What am I doing wrong here ?

Answer 1

Change:

<form class="form-horizontal" method="POST" onSubmit="submitFormButton()">

To:

<form class="form-horizontal" method="POST" onSubmit="return submitFormButton()">

When using html attributes, you need to use return keyword!

Answer 2

You're not returning the value in the onsubmit attribute. It should be:

onsubmit="return submitFormButton();"

Answer 3

调用函数时，您需要返回函数的返回值：

onSubmit="return submitFormButton()"

Answer 4

您只需要return返回值即可停止提交：

<form class="form-horizontal" method="POST" onSubmit="return submitFormButton()">

Answer 5

Update form function like below;

<form class="form-horizontal" method="POST" onSubmit="submitFormButton();return false;">

Here is a working demo: http://jsfiddle.net/cubuzoa/WnRa2/