Javascript cancel button is submitting form

Question

I am trying to add a javascript alert to my form, the problem I am having is that when the user clicks cancel, the form still gets submitted?.

In the head I have :

<head>
<script type="text/javascript">
function confirmDelete() {if(confirm('Are you sure you want to delete this category ?'))
alert('Category Deleted !');
else alert('Cancelled !')}
</script>
</head>

My link uses the following :

a onClick="confirmDelete()"

Im not sure why clicking cancel still submits it?, is it possible to show Cancelled ! for 2 seconds and then close also ?.

This should help you: http://stackoverflow.com/questions/932653/how-to-prevent-buttons-from-submitting-forms — pabrantes, Nov 26 '12 at 11:15

score 4 · Answer 1 · answered Nov 26 '12 at 11:22

try using the cancel

function confirmDelete(e) {
 if(confirm('Are you sure you want to delete this category ?'))
   alert('Category Deleted !');
 else {
  alert('Cancelled !');
  e.preventDefault();
 }
}

and change your onclick to

onclick="confirmDelete(event)"

score 3 · Accepted Answer · answered Nov 26 '12 at 11:15

3

You need to return the result from the confirm:

function confirmDelete() {
    return confirm('Are you sure you want to delete this category ?');
}


onClick="confirmDelete()"

answered Nov 26 '12 at 11:15

Konstantin Dinev

34,219
14
75
100

If I change the onClick event to onClick="return confirmDelete()" Cancel still submits the form ? – Iain Simpson Nov 26 '12 at 11:18
Any function that does not specify a return result automatically returns undefined. Wouldn't this resolve to false? Just wondering, I don't have the answer myself. – Bruno Nov 26 '12 at 11:20
Thanks, thats sorted it now :-) – Iain Simpson Nov 26 '12 at 11:21
@IainSimpson I noticed afterwards that you do not return from the function and corrected it. – Konstantin Dinev Nov 26 '12 at 11:28

score 1 · Answer 3 · answered Nov 26 '12 at 11:15

1

you can use jQuery click event and inside event put e.preventDefault(); and it will prevent default and default is submiting form-

answered Nov 26 '12 at 11:15

unarity

2,339
2
21
17

1

@roccp337 `preventDefault()` is also in standard [javascript](http://www.w3schools.com/jsref/dom_obj_event.asp). – AbstractChaos Nov 26 '12 at 11:24

Javascript cancel button is submitting form

3 Answers3