W3C home > Mailing lists > Public > www-dom@w3.org > July to September 2008

FORM successful submit element?

From: Garrett Smith <dhtmlkitchen@gmail.com>
Date: Sun, 3 Aug 2008 22:33:33 -0700
Message-ID: <c9e12660808032233o571960d6w6ca6da526d85871a@mail.gmail.com>
To: "DOM mailing list" <www-dom@w3.org>

How to identify the submit button when a form was clicked?

The form below has three elements that can be used to submit the form.
If the form is submitted, it could be that one of the buttons would be
the cause, and, in that case, that button should be included in the
query string.

The browsers seem to have an internal mechanism for determining which
button is successful. Is the form's successful button exposed in the
DOM?

<form action="" id="theForm">
  <input name="text" value="blah">

  <input id="submit" name="submit" value="submit form here" type="submit">
  <input id="submit2" name="submit2" value="submit form there" type="submit">
  <input id="submit3" name="submit3" value="submit form elsewhere"
type="image" alt="[submit elsewhere]" src="missing.null">
</form>
<script>
document.getElementById('theForm').onsubmit = function(e) {
   alert(e.relatedTarget.type);
};
</script>

Opera: "image", et c.
IE8, FF3, Safari 3: Error

When the form is submitted, how to determine if and which submit input
was the cause?

Garrett
Received on Monday, 4 August 2008 05:34:09 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 22 June 2012 06:13:59 GMT