StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to reliably submit an HTML form with JavaScript?
primarykey
Id
1999891
data
AcceptedAnswerId
2000021
AnswerCount
7
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2010-01-04T14:35:30.107
FavoriteCount
9
LastActivityDate
2016-07-07T06:29:00.447
LastEditDate
2010-01-04T15:12:38.503
LastEditorUserId
63550
OwnerUserId
43273
ParentId
0
PostTypeId
1
Score
18
ViewCount
12173
LastEditorDisplayName
text
Body
<p>Is there a way to submit an HTML form using <a href="http://en.wikipedia.org/wiki/JavaScript" rel="noreferrer">JavaScript</a> that is guaranteed to work in all situations?</p> <p>I elaborate. The common approach seems to be:</p> <pre><code>formElement.submit() </code></pre> <p>That is all good and well except for one thing. Fields of a form are available as attributes of <code>formElement</code>, so if there is a field with <strong>name</strong> or <strong>id</strong> "text1", it can be accessed as <code>formElement.text1</code>.</p> <p>This means that if an elements is called "submit" (be it its <strong>name</strong> or its <strong>id</strong>), then <code>formElement.submit()</code> will not work. This is because <code>formElement.submit</code> won't be a method of the form, but the field with that name. Unfortunately, it's fairly common that submit buttons have a "submit" name or id.</p> <p>Two examples to illustrate my point. First, the following will NOT work, because an element of the form has name "submit":</p> <pre><code><form name="example" id="example" action="/"> <button type="button" name="submit" onclick="document.example.submit(); return false;">Submit</button> </form> </code></pre> <p>The following will work though. The only difference is that I have removed the name "submit" from the form:</p> <pre><code><form name="example" id="example" action="/"> <button type="button" onclick="document.example.submit(); return false;">Submit</button> </form> </code></pre> <p>So, is there any other way to submit an HTML form using JavaScript?</p>
Tags
<javascript><html><forms>
Title
How to reliably submit an HTML form with JavaScript?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPeter Mortensen
UserOwnerUserId
1. USpablobm
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
2. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
3. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POHow to reliably submit an HTML form with JavaScript?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POHow to reliably submit an HTML form with JavaScript?
  UserUserId
  USEric Bréchemier
  VoteTypeVoteTypeId
  VTFavorite
3. VO
  singulars
  PostPostId
  POHow to reliably submit an HTML form with JavaScript?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.