Get value of textbox with Javascript

Question

I have a textbox for users to enter a new email address. I have a button that calls a script. In the script I need to access several different elements of the page. The first couple of elements, that were sent as parameters to the page (via PHP) work fine, but I do not get the right result when I try to get the value of the text box.

This is my HTML:

<p>Please enter the new email</p>
<input type="email" id="newemail" value="enter new email here">

and this is my JS:

var userid=$('#userId').val();
var oldEmail=$('#useremail').val();
var newEmail=$('#newemail').val();

//I have also tried with var newEmail=document.getElementById("newemail").value
//with no difference in the result

alert(userid + " " + oldEmail + " " + newemail);

The alert prints out :

5 Sammy [object HTMLInputElement]

I note that it is printing neither the old value of the text box nor the new value which the user entered. How to I get it to get that value?

ahhh JS is case sensitive...thank you all...so much for doing this before breakfast! Will accept answer as soon as StackOverflow lets me. — BIU
– BIU, Commented Feb 4, 2014 at 9:03

CodingIntrigue · Accepted Answer · 2014-02-04 08:58:28Z

3

Javascript is case sensitive. newemail should be newEmail.

When referencing newemail you are accessing window.newemail which will by default return the DOM element with ID newemail. Calling .toString() on that DOM element produces [object HTMLInputElement].

Change the alert to:

alert(userid + " " + oldEmail + " " + newEmail);

answered Feb 4, 2014 at 8:58

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2014-02-04 08:58:45Z

0

The variable is newEmail, but in alert you are using newemail, they are case sensitive.

Then how newemail is working, because since it is the id of an element the property will be added as a window elements property

answered Feb 4, 2014 at 8:58

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Govind Singh · Accepted Answer · 2014-02-04 09:00:08Z

0

replace

alert(userid + " " + oldEmail + " " + newemail);

by

    alert(userid + " " + oldEmail + " " + newEmail);

answered Feb 4, 2014 at 9:00

Govind Singh

15.5k14 gold badges77 silver badges108 bronze badges

Comments

markusthoemmes · Accepted Answer · 2014-02-04 09:00:52Z

0

Is it possible that there is a typo?

alert(userid + " " + oldEmail + " " + newemail);

doesnt fit the variable declarations:

var newEmail=$('#newemail').val();

answered Feb 4, 2014 at 9:00

markusthoemmes

3,12016 silver badges24 bronze badges

Collectives™ on Stack Overflow

Get value of textbox with Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related