¿Cómo rellenar el campo del formulario y enviarlo mediante javascript?

Si tengo un documento html cuya estructura aproximada es

<html> <head> </head> <body class="bodyclass" id="bodyid"> <div class="headerstuff">..stuff...</div> <div class = "body"> <form action="http://example.com/login" id="login_form" method="post"> <div class="form_section">You can login here</div> <div class="form_section"> <input xmlns="http://www.w3.org/1999/xhtml" class="text" id="username" name="session[username_or_email]" tabindex="1" type="text" value="" /> </div> <div class="form_section">etc</div> <div xmlns="http://www.w3.org/1999/xhtml" class="buttons"> <button type="submit" class="" name="" id="go" tabindex="3">Go</button> <button type="submit" class="" name="cancel" id="cancel" tabindex="4">Cancel</button> </div> </form> </div> </body> </html> 

Puede ver que hay un campo de nombre de usuario y un button Ir. ¿Cómo podría, usando Javascript, completar el nombre de usuario y presionar Ir …?

Preferiría usar JS simple, en lugar de una biblioteca como jQuery.

 document.getElementById('username').value="moo" document.forms[0].submit() 
 document.getElementById('username').value = 'foo'; document.getElementById('login_form').submit(); 

Puedes probar algo como esto:

  <script type="text/javascript"> function simulateLogin(userName) { var userNameField = document.getElementById("username"); userNameField.value = userName; var goButton = document.getElementById("go"); goButton.click(); } simulateLogin("testUser"); </script> 

Sería algo así como:

 document.getElementById("username").value="Username"; document.forms[0].submit() 

O edición similar: ustedes son demasiado rápidos;)