Disabling form submission in IE and Firefox

[Tony Ennis]

Typical situation. I have a form. I don't want the submit button to be clicked more than once. So I'm disabling the button in a javascript method as per normal.

My problem is that it only works in FF. The button is disabled then the form submits. In IE, the button is disabled but the form does not submit.

  function setAction(button, action) {
        var form = document.getElementById("status_form");
        form.action = action;
        button.disabled=true;
        return true;
    }

jsp:

 <input type='submit' value='Approve' onclick='setAction(this,"approve");'>

How can I make this work in both FF and IE?

[Tony Ennis]

Of course I always get an idea once I post a question.

What I did was make the button always be disabled, and make the form *never* submit. Then I added an explicit form submission.

Apparently in IE if the button is disabled the form submission is canceled and in FF it isn't.

    function setAction(button, action) {
        var form = document.getElementById("status_form");
        form.action = action;
        button.disabled=true;
        form.submit(); // Form submits because I explicitly told it to.
        return false; // Form will not submit because of this click.
    }

And add a return to the onclick for good measure:

 <input type='submit' value='Approve' onclick='return setAction(this,"approve");'>