Javascript form submits even when variable is false

Question

So I am trying to have the user confirm their action before they submit the form, so I tried using the confirm box. When I tested it, even when I pressed Cancel in the confirm box the form submitted. So I tried just setting variable 'c' to false and then saying if c==true, submit the form, and the form still submitted! I don't understand why this is happening. Any help would be appreciated!

So just to be clear, the form still submits in the following code:

<button onclick=\"extendBids('$studentID')\">Extend Bid</button>
    <input type=\"radio\" name=\"extendBid\" id=\"$studentID 2\" value=\"$studentID\" style=\"visibility: hidden\"></input>


function extendBids(studentID) {
   document.getElementById(studentID+" 2").checked=true;
   //var c=confirm("Are you sure? This action cannot be undone.");
    var c=false;
    if (c==true){
      document.forms["addToRush"].submit();
   }
}

The code snippet, as given, works. Any chance of there being a line farther down -- unseen here -- that triggers submit? Or is this code called in a handler for a `input type='button'` that could cause the form to submit. — Jeremy J Starcher, May 01 '14 at 03:35
ok i gave some more information about where it is being called from — user3591590, May 01 '14 at 03:50
Dupe - http://stackoverflow.com/questions/932653/how-to-prevent-buttons-from-submitting-forms — garethb, May 01 '14 at 03:55
@garethb called it. Seeing the context this is a known issue. Check out the post he linked to. — Jeremy J Starcher, May 01 '14 at 05:47

score 0 · Accepted Answer · answered May 01 '14 at 04:41

Try this -

<button onclick=\"extendBids('$studentID');\">Extend Bid</button>
    <input type=\"radio\" name=\"extendBid\" id=\"$studentID 2\" value=\"$studentID\" style=\"visibility: hidden\"></input>


function extendBids(studentID) {
   document.getElementById(studentID+" 2").checked=true;
   if(confirm("Are you sure? This action cannot be undone.")){
      document.forms["addToRush"].submit();
      return true;
   }
   return false;
}

Javascript form submits even when variable is false

1 Answers1