Làm cách nào để điền vào trường biểu mẫu và gửi, sử dụng javascript?

Nếu tôi có một tài liệu html có cấu trúc thô làLàm cách nào để điền vào trường biểu mẫu và gửi, sử dụng javascript?

<html> 
<head> 
</head> 
<body class="bodyclass" id="bodyid"> 
<div class="headerstuff">..stuff...</div> 
<div class = "body"> 
<form action="http://example.com/login" id="login_form" method="post"> 
<div class="form_section">You can login here</div> 
<div class="form_section"> 
<input xmlns="http://www.w3.org/1999/xhtml" class="text" id="username" 
     name="session[username_or_email]" tabindex="1" type="text" value="" /> 
</div> 
<div class="form_section">etc</div> 
<div xmlns="http://www.w3.org/1999/xhtml" class="buttons"> 
    <button type="submit" class="" name="" id="go" tabindex="3">Go</button> 
    <button type="submit" class="" name="cancel" 
      id="cancel" tabindex="4">Cancel</button> 
</div> 
</form> 
</div> 
</body> 
</html>

Bạn có thể thấy rằng có một lĩnh vực tên truy cập và một nút Go. Làm thế nào tôi, bằng cách sử dụng Javascript, điền vào tên người dùng và nhấn Go ...?

Tôi muốn sử dụng JS đơn giản hơn là thư viện như jQuery.

Nguồn

2011-01-13 cannyboy

Tha thứ cho sự thiếu hiểu biết của tôi, nhưng tại sao bạn có điền vào thuộc tính xmlns cho cả đầu vào và div của bạn không? Thường nằm trong thẻ ''. –

Bất kỳ lý do nào bạn không sử dụng ''? Biểu mẫu của bạn sẽ không hoạt động nếu JS bị tắt. –

document.getElementById('username').value="moo" 
document.forms[0].submit()

Nguồn

2011-01-13 17:53:56

Bạn có thể thử một cái gì đó như thế này:

<script type="text/javascript"> 
     function simulateLogin(userName) 
     { 
      var userNameField = document.getElementById("username"); 
      userNameField.value = userName; 
      var goButton = document.getElementById("go"); 
      goButton.click(); 
     } 

     simulateLogin("testUser"); 
</script>

Nguồn

2011-01-13 17:54:55 Chandu

Đây không phải là nút gửi. 'goButton.click();' sẽ không làm gì cả. –

. Bạn đã thử chưa? – Chandu

Nó sẽ là một cái gì đó như:

document.getElementById("username").value="Username"; 
document.forms[0].submit()

Hoặc tương tự chỉnh sửa: các bạn là quá nhanh;)

Nguồn

2011-01-13 17:55:33 xaoax

document.getElementById('username').value = 'foo'; 
document.getElementById('login_form').submit();

Nguồn

2011-01-13 17:55:48 JohnO

Làm cách nào để điền vào trường biểu mẫu và gửi, sử dụng javascript?

Trả lời

Các vấn đề liên quan