Form alanında nasıl doldurulur ve javascript kullanarak gönderilir?

Kimin kaba yapıForm alanında nasıl doldurulur ve javascript kullanarak gönderilir?

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

olan bir kullanıcı adı sahası ve Go düğmesi olduğunu görebilirsiniz bir html belgesi varsa. Javascript kullanarak nasıl kullanıcı adı girer ve Go ... 'ya basardım?

JQuery gibi bir kitaplık yerine sade JS kullanmayı tercih ederim.

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

kaynak

2011-01-13 cannyboy

Cehaletimi affet ama neden Hem giriş hem de div için xmlns özelliğini dolduruyor musunuz? Bu genellikle 'etiketine aittir. –

'' ı kullanmamanın bir nedeni var mı? JS devre dışı bırakılmışsa formunuz çalışmaz. –

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

kaynak

2011-01-13 17:53:56

Böyle bir şey deneyebilirsiniz siz çok hızlı;)

kaynak

2011-01-13 17:54:55 Chandu

Bu bir gönderme düğmesi değil. goButton.click(); 'hiçbir şey yapmayacak. –

Yapıyor. Denedin mi? – Chandu

O olurdu gibi bir şey:

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

Veya benzer düzenlemek:

kaynak

2011-01-13 17:55:33 xaoax

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

kaynak

2011-01-13 17:55:48 JohnO

Form alanında nasıl doldurulur ve javascript kullanarak gönderilir?

cevap

İlgili konular