html - Inserting username and password at website using javascript in Chrome - Stack Overflow

admin管理员组

文章数量:1336414

I was trying to make script which will auto-login me to website (/), but I can't get it to insert my username and password inside form. I tried this code:

javascript:document.forms['cssforms'].elements[username].value = MyUsername;

but nothing happens actually...

Also I tried this code:

javascript:document.getElementById('username').value = 'MyUsername';

but then I just get new blank page with "MyUsername" text at left upper corner...

This is part of code when I inspect that element in my Chrome:

    <form method="post" action="" class="cssform">
        <div class="control-group">
            <label for="username">Username</label>
            <input style="width:355px;" type="text" name="username" id="username" value="">

Any ideas?

Thanks in advance!

I was trying to make script which will auto-login me to website (http://gamers.ba/), but I can't get it to insert my username and password inside form. I tried this code:

javascript:document.forms['cssforms'].elements[username].value = MyUsername;

but nothing happens actually...

Also I tried this code:

javascript:document.getElementById('username').value = 'MyUsername';

but then I just get new blank page with "MyUsername" text at left upper corner...

This is part of code when I inspect that element in my Chrome:

    <form method="post" action="" class="cssform">
        <div class="control-group">
            <label for="username">Username</label>
            <input style="width:355px;" type="text" name="username" id="username" value="">

Any ideas?

Thanks in advance!

• javascript
• html
• google-chrome

Share Follow asked Nov 11, 2014 at 18:58 Amar KalabićAmar Kalabić 89844 gold badges1717 silver badges3434 bronze badges 2

• 2 The form would need an id or a name to be referred to like that. – Bergi Commented Nov 11, 2014 at 19:00
• HOW are you calling it? A bookmarklet? – epascarello Commented Nov 11, 2014 at 19:01

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

this worked for me on http://gamers.ba/ as a bookmarklet

javascript:(function(){document.getElementById('username').value='MyUsername';document.getElementById('password').value='MyPassword';document.forms.loginForma.submit.click();})();

Expanded:

javascript:(function(){
  document.getElementById('username').value='MyUsername';
  document.getElementById('password').value='MyPassword';
  document.forms.loginForma.submit.click();
})();

Obviously replace 'MyUsername' and 'MyPassword' with your username and password

This one fails:

document.forms['cssforms'].elements[username].value = MyUsername;

Because

• The form does not have the name "cssforms". A class does not make it a form
• And [username] is an undefined variable.

---

And your second one fails because you are not cancelling the default action. I am assuming you are using a bookmarklet. You can either use void() or wrap it in a function

javascript:(function(){ document.getElementById('username').value = 'MyUsername'; })();

This should do it:

var MyUsername = 'markzuck';
document.getElementById('username').value = MyUsername;

Check the demo here.

Also, I would strongly remend you start using jQuery. It makes the coding simpler and faster.

The form would need an id or a name to be referred to like that. And username is a variable in your script, you need to use a string literal or dot notation instead.

To select the form by its class name, use document.querySelector:

document.querySelector("form.cssform").elements.username.value = Myusername;

If you want to select the hidden form (<form class="formLoginTop" name="loginForma" action="/q/user/login" method="post">), then you can still use

document.forms.loginForma.elements.username.value = Myusername;

But you could simply access the input element by its id:

document.getElementById("username").value = Myusername;

(this will not work on http://gamers.ba/q/user/login, because there are two elements with the id username in that page)

本文标签： htmlInserting username and password at website using javascript in ChromeStack Overflow