テキストボックスからの入力値の取得

Question

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

フォームにはない2つの入力テキストボックスがあり、valueを取得して変数に格納しようとしています。

このコードは、ポップアップする警告ボックスにundefinedを返します。私は、アラート機能のパラメータとしてuserName.valueでそれを実行すると

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

が、それは仕事とあなたがボックスに入力し、これまで何を表示します。ここで

は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タグには価値がありません。
また、図示していませんが、のhtmlがあると、JavaScriptが実行されていることを確認してください。

Answer 2

あなたが同じIDを持つ複数の要素を持っています。それは大きなノーノです。あなたの入力がユニーク idsであることを確認してください。

<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両方を参照します。

Answer 3

td要素のid="pass"を削除します。今では、jsは入力の代わりにtd要素を取得するため、値は未定義です。

Answer 4

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

これは電子メールと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 = "ni@gmail.com"; 
document.write('<a href="mailto:'+email+'?subject='+subject+'&body='+content+'">SUBMIT QUERY</a>'); 

Answer 6

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

Answer 7

の疲れになりますJavascript document.getElementById（ "<％= contrilid.ClientID％>"）。値;またはjqueryを使用します。

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