How to fill in form field and submit using javascript

Question

If I have an html document whose rough structure is   lt html gt   lt head gt   lt  head gt   lt body class  bodyclass  id  bodyid  gt   lt div class  headerstuff  gt   stuff    lt  div gt   lt div class    body  gt   lt form action  http   example com login  id  login form  method  post  gt   lt div class  form section  gt You can login here lt  div gt   lt div class  form section  gt   lt input xmlns  http   www w3 org 1999 xhtml  class  text  id  username         name  session username or email   tabindex  1  type  text  value      gt   lt  div gt   lt div class  form section  gt etc lt  div gt   lt div xmlns  http   www w3 org 1999 xhtml  class  buttons  gt       lt button type  submit  class    name    id  go  tabindex  3  gt Go lt  button gt       lt button type  submit  class    name  cancel               id  cancel  tabindex  4  gt Cancel lt  button gt   lt  div gt   lt  form gt   lt  div gt   lt  body gt   lt  html gt    You can see that there is a username field and a Go button  How would I  using Javascript  fill in the username and press Go       I would prefer to use plain JS  rather than a library like jQuery

User · Answer

It would be something like   document getElementById  username   value  Username   document forms 0  submit     Or similar edit  you guys are too fast

User · Answer

This method helped me doing this task  document forms  YourFormNameHere   elements  NameofFormField   value    YourValue  document forms  YourFormNameHere   submit

User · Answer

document getElementById  username   value    foo   document getElementById  login form   submit

User · Answer

You can try something like this        lt script type  text javascript  gt          function simulateLogin userName                        var userNameField   document getElementById  username                userNameField value   userName              var goButton   document getElementById  go                goButton click                       simulateLogin  testUser     lt  script gt

User · Answer

document getElementById  username   value  moo  document forms 0  submit

[javascript] How to fill in form field, and submit, using javascript?

Examples related to javascript

Examples related to dom