javascript - Obtención de valores de entrada desde el cuadro de texto

html input

Question

Estoy tratando de obtener el texto de un cuadro de texto.

Tengo 2 cuadros de texto de entrada que no están en un formulario, y estoy tratando de recuperar el value y almacenarlo en una variable.

Este código devuelve undefined en el cuadro de alerta que aparece.

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

Cuando lo ejecuto con userName.value como parámetro en la función de alerta, funcionará y mostrará lo que escriba en el cuadro.

Aquí está el 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

// NOTA: El uso de "this.pass" y "this.name" creará una variable global aunque esté dentro de la función, por lo que debe estar cansado de su convención de nomenclatura

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

Answer 2

Eliminar el id="pass" del elemento td . En este momento, el js obtendrá el elemento td en lugar de la entrada, por lo que el valor no está definido.

Answer 3

Este es el código de ejemplo para el correo electrónico y 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>'');

Answer 4

Javascript document.getElementById ("<% = contrilid.ClientID%>"). Value; o usando jQuery

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

Answer 5

Notará que no tiene valor attr en las etiquetas de input .
Además, aunque no se muestra, asegúrese de que se ejecute Javascript después de que el html esté en su lugar.

Answer 6

Tienes múltiples elementos con la misma id. Eso es un gran no-no. Asegúrese de que sus entradas tienen identificadores únicos .

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

Mira, tanto la input td como la input comparten el pass valor id.

Answer 7

<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>