Getting input values from text box

Question

I m trying to get the text from a text box     I have 2 input text boxes that are not in a form  and I m trying to retrieve the value and store it in a variable    This code returns undefined in the alert box that pops up     lt script gt      var userPass   document getElementById  pass        var userName   document getElementById  fName        function submit            alert userPass value          lt  script gt    When I run it with userName value as a parameter in the alert function  it will work and display what ever you type in the box    Here is the html     lt table id  login  gt           lt tr gt               lt td gt  lt label gt User Name lt  label gt  lt  td gt           lt  tr gt           lt tr gt               lt td colspan  2  gt  lt input class  textBox  id  fName  type  text  maxlength  30     required  gt  lt  td gt           lt  tr gt           lt tr gt               lt td id  pass  gt  lt label gt Password lt  label gt  lt  td gt           lt tr gt               lt td colspan  2  gt  lt input class  textBox  id  pass  type  text  maxlength  30  required  gt  lt  td gt           lt  tr gt           lt tr gt               lt td gt  lt input type  button  class  loginButtons  value  Login  onclick  submit      gt  amp nbsp amp nbsp amp nbsp              lt input type  button  class  loginButtons  value  Cancel   gt  lt  td gt       lt  table gt

User · Answer

This is the sample code for the email and javascript   params   getParams    subject    ULM Query of     subject    unescape params  FormsEditField3     content    Email     content    unescape params  FormsMultiLine2     content           Query        content    unescape params  FormsMultiLine4     var email    ni gmail com   document write   lt a href  mailto   email   subject   subject   amp body   content    gt SUBMIT QUERY lt  a gt

User · Answer

You will notice you have no value attr in the input tags  Also  although not shown  make sure the Javascript is run after the html is in place

User · Answer

NOTE  Using  this pass  and  this name  will create a global variable even though it is inside the function  so be weary of your naming convention  function submit         var userPass   document getElementById  pass   value      var userName   document getElementById  user   value      this pass   userPass      this name   userName       alert  whatever you want to display

User · Answer

Javascript document getElementById   lt   contrilid ClientID     value  or using jquery       lt    txt iplength ClientID      val

User · Answer

Remove the id  pass  off the td element  Right now the js will get the td element instead of the input hence the value is undefined

User · Answer

lt script gt    function submit          var userPass   document getElementById  pass          var userName   document getElementById  user          alert user value         alert pass value        lt  script gt         lt input type  text  id  user    gt   lt input type  text  id  pass    gt   lt button onclick  submit     href  javascript    gt Submit lt  button gt

User · Answer

you have multiple elements with the same id   That is a big no-no  Make sure your inputs have unique ids    lt td id  pass  gt  lt label gt Password lt  label gt  lt  td gt   lt tr gt      lt td colspan  2  gt  lt input class  textBox  id  pass  type  text  maxlength  30  required  gt  lt  td gt   lt  tr gt    see  both the td and the input share the id value pass

[javascript] Getting input values from text box

Examples related to javascript

Examples related to html

Examples related to input

Examples related to textbox