admin管理员组

文章数量:1391960

If I have an html document whose rough structure is

<html>
<head>
</head>
<body class="bodyclass" id="bodyid">
<div class="headerstuff">..stuff...</div>
<div class = "body">
<form action="" id="login_form" method="post">
<div class="form_section">You can login here</div>
<div class="form_section">
<input xmlns="" class="text" id="username"
       name="session[username_or_email]" tabindex="1" type="text" value="" />
</div>
<div class="form_section">etc</div>
<div xmlns="" 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>

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.

If I have an html document whose rough structure is

<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>

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.

  • javascript
  • dom
Share Improve this question edited Jan 13, 2011 at 17:56 DVK 129k33 gold badges217 silver badges334 bronze badges asked Jan 13, 2011 at 17:50 cannyboycannyboy 24.4k40 gold badges150 silver badges256 bronze badges 2
  • Forgive my ignorance, but why are you filling in the xmlns property for both your input and div? That usually belongs in the <html> tag. – user1385191 Commented Jan 13, 2011 at 17:53
  • Any reason why you don't use <input type="submit" />? Your form will not work if JS is disabled. – Felix Kling Commented Jan 13, 2011 at 17:54
Add a comment  | 

5 Answers 5

Reset to default 79 
document.getElementById('username').value="moo";
document.forms[0].submit();

Accessed through the document object.

document.getElementById('username').value = 'foo';
document.getElementById('login_form').submit();

You can try something like this:

    <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>

It would be something like:

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

Or similar edit: you guys are too fast ;)

This method helped me doing this task

document.forms['YourFormNameHere'].elements['NameofFormField'].value = "YourValue"
document.forms['YourFormNameHere'].submit();

本文标签： domHow to fill in form fieldand submitusing JavaScriptStack Overflow

版权声明：本文标题：dom - How to fill in form field, and submit, using javascript? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1737046887a1960607.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。