Get textbox input values in JS function on button click

Question

I'm trying to get textbox inputs in my JS function on the click of a button. For some reason my console.log does not show the textbox inputs. How do I accomplish this?

Index.php:

  <input placeholder="Name" type='text' name='username' id='username'  maxlength="50" />
  <input placeholder="Password" type='password' name='password' id='password' maxlength="50" />
  <button id="testAJAX" onclick="Utilities.loadSavedGames()">Load Game</button>

js/utilties.js

var Utilities = {
    loadSavedGames : function () {

    var username = document.getElementById('username').value,
        password = document.getElementById('password').value;
    console.log(username + ", " + password); //null, blank

It looks OK. Can you post the full text of php and js file somewhere, so we can find a problem in another part. — Yeldar Kurmangaliyev
– Yeldar Kurmangaliyev, Commented Jun 4, 2015 at 5:13
@Growler, kindly make sure that same id is not being used on the same page. Try this code in the browser console: $('[id=username]').length and $('[id=password]').length, and let me know — user2575725
– user2575725, Commented Jun 4, 2015 at 6:32

user2575725 · Accepted Answer · 2015-06-05 04:46:02Z

1

Possibly you have elements with duplicate ids on the same page. Try this code in the browser console: $('[id=username]').length and $('[id=password]').length. If the count is > 1, you have multiple elements with same id.

answered Jun 5, 2015 at 4:46

user2575725

Sign up to request clarification or add additional context in comments.

Comments

Coder · Accepted Answer · 2015-06-04 06:28:04Z

0

Put console.log instead of log and also make utilities as global object. I mean remove var.

   Utilities = {
    loadSavedGames : function () {

       var username = document.getElementById('username').value,
        password = document.getElementById('password').value;
       console.log(username + ", " + password); 
      }
     }

edited Jun 4, 2015 at 6:28

Coder

3,1408 gold badges53 silver badges86 bronze badges

answered Jun 4, 2015 at 5:21

poornima gutti

1

2 Comments

Yeldar Kurmangaliyev Over a year ago

Utilities should be declared. Isn't it?

user663031 Over a year ago

I do not see how this solves the problem. Furthermore, removing the var from Utilities will cause a run-time error in at least some environments. Suggest deleting this answer.

Collectives™ on Stack Overflow

Get textbox input values in JS function on button click

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related