FORM successful submit element?

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 UTC