JavaScript를 사용하여 양식을 제출하려면 어떻게 해야 합니까?
신분증이 있는 양식을 가지고 있습니다.theForm송신 버튼이 내장된 다음 div가 있습니다.
<div id="placeOrder"
style="text-align: right; width: 100%; background-color: white;">
<button type="submit"
class='input_submit'
style="margin-right: 15px;"
onClick="placeOrder()">Place Order
</button>
</div>
클릭하면 함수가placeOrder()호출됩니다.이 함수는 내부를 변경합니다.위 div의 HTML은 "처리 중"입니다(따라서 "제출" 버튼이 사라졌습니다).
위의 코드는 유효합니다만, 제출하는 폼을 입수할 수 없는 것이 문제입니다!이걸 넣어봤는데placeOrder()기능:
document.theForm.submit();
하지만 그건 효과가 없어.
제출할 양식을 어떻게 받을 수 있나요?
설정name폼의 속성"theForm"코드가 작동하게 됩니다.
사용할 수 있습니다.
document.getElementById('theForm').submit();
...단, 교환은 하지 말아 주세요.innerHTML폼을 숨기고 처리를 삽입할 수 있습니다. span그 자리에 나타날 것입니다.
var form = document.getElementById('theForm');
form.style.display = 'none';
var processing = document.createElement('span');
processing.appendChild(document.createTextNode('processing ...'));
form.parentNode.insertBefore(processing, form);
내 경우에는 완벽하게 작동한다.
document.getElementById("form1").submit();
또한 다음과 같은 기능으로 사용할 수 있습니다.
function formSubmit()
{
document.getElementById("form1").submit();
}
document.forms["name of your form"].submit();
또는
document.getElementById("form id").submit();
이것들 중 아무거나 시도해 보세요...이건 분명히 효과가 있을 거야...
폼을 제출하는 방법은 그대로 두겠습니다.name폼 내에서 태그 지정:
HTML
<button type="submit" onClick="placeOrder(this.form)">Place Order</button>
자바스크립트
function placeOrder(form){
form.submit();
}
다음 코드를 사용하여 JavaScript를 사용하여 양식을 제출할 수 있습니다.
document.getElementById('FormID').submit();
<html>
<body>
<p>Enter some text in the fields below, and then press the "Submit form" button to submit the form.</p>
<form id="myForm" action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br><br>
<input type="button" onclick="myFunction()" value="Submit form">
</form>
<script>
function myFunction() {
document.getElementById("myForm").submit();
}
</script>
</body>
</html>
HTML
<!-- change id attribute to name -->
<form method="post" action="yourUrl" name="theForm">
<button onclick="placeOrder()">Place Order</button>
</form>
자바스크립트
function placeOrder () {
document.theForm.submit()
}
양식에 ID가 없지만 양식과 같은 클래스 이름이 있는 경우, 다음 문을 사용하여 양식을 제출할 수 있습니다.
document.getElementsByClassName("theForm")[0].submit();
사용자가 로그인한 정보와 동일한 형태로 웹 사이트에 숨겨져 있는 간단한 양식을 사용하여 쉽게 해결할 수 있습니다.예:사용자가 이 양식에 로그인하도록 하려면 다음과 같은 항목을 다음 양식에 추가할 수 있습니다.
<input type="checkbox" name="autologin" id="autologin" />
제가 알기론 제가 처음으로 양식을 숨기고 링크를 클릭하여 제출하는 것으로 알고 있습니다.정보가 포함된 숨김 폼을 전송하는 링크가 있습니다.숨겨진 형식의 암호 텍스트 영역에 암호가 있는 웹 사이트에서 자동 로그인 방법을 원하지 않는 경우 100% 안전하지 않습니다.
좋아, 이게 일이야.예를 들어$siteid어카운트와$sitepw패스워드입니다.
먼저 PHP 스크립트로 폼을 만듭니다.HTML이 마음에 들지 않으면 최소한의 데이터를 사용하여echo값을 숨김 형식으로 표시합니다.PHP 값을 사용하여 폼 버튼 옆에 있는 원하는 위치에 에코만 하면 됩니다.
인쇄할 PHP 양식
$hidden_forum = '
<form id="alt_forum_login" action="./forum/ucp.php?mode=login" method="post" style="display:none;">
<input type="text" name="username" id="username" value="'.strtolower($siteid).'" title="Username" />
<input type="password" name="password" id="password" value="'.$sitepw.'" title="Password" />
</form>';
PHP 및 제출 양식 링크
<?php print $hidden_forum; ?>
<pre><a href="#forum" onClick="javascript: document.getElementById('alt_forum_login').submit();">Forum</a></pre>
언급URL : https://stackoverflow.com/questions/9855656/how-can-i-submit-a-form-using-javascript
'programing' 카테고리의 다른 글
| php include 파일에 직접 액세스 금지 (0) | 2022.09.16 |
|---|---|
| mySql을 최적화하여 테이블 추가 열 시간을 단축 (0) | 2022.09.16 |
| MySQL의 Connector/J는 MariaDB에서 작동합니까? (0) | 2022.09.16 |
| 문자열을 float 또는 int로 해석하려면 어떻게 해야 하나요? (0) | 2022.09.16 |
| MySql 쿼리 선택에서 NULL을 빈 문자열로 바꾸기 (0) | 2022.09.16 |