web-dev-qa-db-ja.com

テキストボックスから入力値を取得する

テキストボックスからテキストを取得しようとしています。

フォームにない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>
javascripthtmlinputtextbox
19
Beanno1116

inputタグに値attrがないことに気付くでしょう。
また、表示されていませんが、Javascriptが実行されていることを確認してくださいafter htmlが配置されています。

6
Itay Moav -Malimovka
<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

//注：「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"); 
}
5
Rex CoolCode Charles

同じIDを持つ複数の要素があります。それは大きなノーノーです。入力にnique idがあることを確認してください。

<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を共有しています。

2
hvgotcodes

Javascript document.getElementById（ "<％= contrilid.ClientID％>"）。value;またはjqueryを使用

$（ "＃<％= txt_iplength.ClientID％>"）。val（）;

1
Sham

td要素からid="pass"を削除します。現在、jsは入力ではなくtd要素を取得するため、値は未定義です。

1
aziz punjani

これは、電子メールと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