it-swarm.com.de

Eingabewerte aus Textfeld abrufen

Ich versuche, den Text aus einem Textfeld zu erhalten. 

Ich habe 2 Eingabetextfelder, die sich nicht in einem Formular befinden. Ich versuche, die Variable value abzurufen und in einer Variablen zu speichern. 

Dieser Code gibt undefined in dem sich öffnenden Benachrichtigungsfeld zurück. 

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

Wenn ich es mit userName.value als Parameter in der Alert-Funktion ausführe, funktioniert es und zeigt an, was immer Sie in das Feld eingeben. 

Hier ist das 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>
18
Beanno1116

Sie werden feststellen, dass Sie keinen Wert in den input-Tags haben.
Stellen Sie auch sicher, dass das Javascript ausgeführt wird after the html.

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

6
Emil Carr

// HINWEIS: Wenn Sie "this.pass" und "this.name" verwenden, wird eine globale Variable erstellt, obwohl sie sich innerhalb der Funktion befindet. Machen Sie sich also mit Ihrer Namenskonvention nicht aus

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

sie haben mehrere Elemente mit derselben ID. Das ist ein großes Nein. Stellen Sie sicher, dass Ihre Eingänge unique ids haben.

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

siehe, sowohl die td als auch die input teilen den ID-Wert pass.

2
hvgotcodes

Javascript document.getElementById ("<% = contrilid.ClientID%>"). Value; oder mit jquery

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

1
Sham

Entfernen Sie den id="pass" aus dem td-Element. Im Moment erhalten die js anstelle der Eingabe das td-Element, daher ist der Wert undefiniert. 

1
aziz punjani

Dies ist der Beispielcode für die E-Mail und das 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>');
0
nid