Nhận các giá trị đầu vào từ hộp văn bản

Question

Tôi đang cố gắng lấy văn bản từ hộp văn bản.

Tôi có 2 hộp nhập văn bản không có trong biểu mẫu và tôi đang cố gắng truy xuất value và lưu trữ nó trong một biến.

Mã này trả về undefined trong hộp cảnh báo bật lên.

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

Khi tôi chạy nó với userName.value như một tham số trong hàm cảnh báo, nó sẽ làm việc và hiển thị những gì đã bao giờ bạn nhập vào hộp.

Đây là 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

Bạn sẽ nhận thấy bạn không có attr giá trị trong các thẻ input.
Ngoài ra, mặc dù không được hiển thị, hãy đảm bảo Javascript đang chạy sau html được đặt đúng vị trí.

Answer 2

bạn có nhiều yếu tố với cùng id. Đó là một không lớn. Đảm bảo đầu vào của bạn có số duy nhất id.

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

thấy, cả td và input chia sẻ giá trị id pass.

Answer 3

Xóa id="pass" khỏi phần tử td. Ngay bây giờ các js sẽ nhận được phần tử td thay vì đầu vào do đó giá trị là không xác định.

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

Đây là mã mẫu cho email và 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

// Chú ý: Sử dụng "this.pass" và "this.name" sẽ tạo ra một biến toàn cầu mặc dù nó là bên trong hàm, vì vậy hãy mệt mỏi của quy ước đặt tên của bạn

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%>") .giá trị; hoặc sử dụng jquery

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