양식 필드를 채우고 제출하는 방법은 javascript를 사용 하시겠습니까?

나는 그의 거친 구조양식 필드를 채우고 제출하는 방법은 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>

당신이 사용자 이름 필드와 이동 버튼이 있음을 볼 수있는 HTML 문서가있는 경우. Javascript를 사용하여 사용자 이름을 채우고 이동 ...을 누르면 어떻게됩니까?

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

양식 필드를 채우고 제출하는 방법은 javascript를 사용 하시겠습니까?

답변

관련 문제