从文本框中获取输入值

Question

我正试图从文本框中获取文本.

我有2个不在表单中的输入文本框,我正在尝试检索value并将其存储在变量中.

此代码undefined在弹出的警告框中返回.

<script>
    var userPass = document.getElementById('pass');
    var userName = document.getElementById('fName');
    function submit(){
        alert(userPass.value);
    }
</script>

当我userName.value在警报功能中作为参数运行它时,它将工作并显示您在框中键入的内容.

这是html:

 <table id="login">
        <tr>
            <td><label>User Name</label></td>
        </tr>
        <tr>
            <td colspan="2"><input class="textBox" id="fName" type="text" maxlength="30"    required/></td>
        </tr>
        <tr>
            <td id="pass"><label>Password</label></td>
        <tr>
            <td colspan="2"><input class="textBox" id="pass" type="text" maxlength="30" required/></td>
        </tr>
        <tr>
            <td><input type="button" class="loginButtons" value="Login" onclick="submit();"/>&nbsp&nbsp&nbsp
            <input type="button" class="loginButtons" value="Cancel"/></td>
    </table>

Answer 1

您会注意到input标签中没有值attr .
此外,虽然未显示,但请确保在html到位后运行Javascript .

Answer 2

<script>
  function submit(){
      var userPass = document.getElementById('pass');
      var userName = document.getElementById('user');
      alert(user.value);
      alert(pass.value);
  }
</script>

<input type="text" id="user" />
<input type="text" id="pass" />
<button onclick="submit();" href="javascript:;">Submit</button>

Answer 3

//注意：使用“ this.pass”和“ this.name”将创建一个全局变量，即使该变量位于函数内部，因此请避免使用命名约定

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"); 
}