Получение входных значений из текстового поля

Я пытаюсь получить текст из текстового поля.

У меня есть 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>

Ответ 1

Вы заметите, что у вас нет значения attr в тегах input.
Кроме того, хотя это не показано, убедитесь, что Javascript запущен после, html на месте.

Ответ 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>

Ответ 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"); 
}

Ответ 4

у вас есть несколько элементов с одним и тем же идентификатором. Это большой нет-нет. Убедитесь, что ваши входы имеют уникальные идентификаторы.

<td id="pass"><label>Password</label></td>
<tr>
   <td colspan="2"><input class="textBox" id="pass" type="text" maxlength="30" required/></td>
</tr>

см., как td, так и input разделяют значение id pass.

Ответ 5

Удалите id="pass" с элемента td. Прямо сейчас js получит элемент td вместо ввода, поэтому значение undefined.

Ответ 6

Javascript document.getElementById( "<% = contrilid.ClientID% > " ). value; или с помощью jquery

$( "# <% = txt_iplength.ClientID% > " ). val();

Ответ 7

Это пример кода для электронной почты и 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 = "[email protected]";
document.write('<a href="mailto:'+email+'?subject='+subject+'&body='+content+'">SUBMIT QUERY</a>');