フォームフィールドに入力して提出するにはどうすればよいですか？

私はラフ構造あなたはユーザ名フィールドと[移動]ボタンがあることがわかりますフォームフィールドに入力して提出するにはどうすればよいですか？

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

されたHTML文書を持っている場合。どうすればJavascriptを使ってユーザ名を記入し、Go ...を押しますか？

jQueryのようなライブラリではなく、プレーンなJSを使用することをお勧めします。

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

出典

2011-01-13 cannyboy

私の無知を許しますが、なぜ入力とdivの両方のxmlnsプロパティを埋めていますか？これは通常、 ' 'タグに属します。 –

''を使わない理由は何ですか？ JSが無効になっている場合、フォームは機能しません。 –

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

出典

2011-01-13 17:53:56

あなたはこのような何かを試すことができ君たちはあまりにも高速です;）

出典

2011-01-13 17:54:55 Chandu

送信ボタンではありません。 'goButton.click（）;'は何もしません。 –

です。試しましたか？ – Chandu

それは次のようになり、何かのように：

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

または類似編集：

出典

2011-01-13 17:55:33 xaoax

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

出典

2011-01-13 17:55:48 JohnO

フォームフィールドに入力して提出するにはどうすればよいですか？

答えて

関連する問題