클릭시 JavaScript 제출 양식

1. 링크를 클릭하고 JavaScript에서submit()함수를 사용하여 양식 제출
2. 버튼을 클릭하고 JavaScript에서submit()함수를 사용하여 양식 제출

이 튜토리얼은 JavaScript에서submit()함수를 사용하여 양식을 제출하는 방법에 대해 설명합니다.

링크를 클릭하고 JavaScript에서submit()함수를 사용하여 양식 제출

JavaScript에서form태그를 사용하여 양식을 생성하고id속성을 사용하여 양식에 ID를 부여 할 수 있습니다. 그 후에 양식을 제출하는 방법을 선택해야합니다. 양식을 제출할 수 있습니다. 링크 또는 버튼을 클릭 할 때. 이제 양식을 제출하는 두 가지 방법이 있으며onclick속성을 사용하여 HTML 코드 내에서 수행하거나 JavaScript 내에서 수행 할 수 있습니다. 예를 들어onclick속성을 사용하여 HTML 내에 양식을 제출해 보겠습니다. 아래 코드를 참조하십시오.

<form id="FormId">
  <a href="FormLink" id = "LinkID" onclick="document.getElementById('FormId').submit();"> SubmitForm </a>
</form>

요구 사항에 따라 위 코드에서form ID 및 링크 ID를 변경할 수 있습니다. 이 방법은 HTML과 JavaScript 코드를 혼합하고 있기 때문에 권장되지 않습니다. 양식과 링크의 ID를 사용하여 JavaScript에서 별도로 수행 할 수도 있습니다. 예를 들어 별도의 JavaScript를 사용하여 위의 작업을 수행해 보겠습니다. 아래 코드를 참조하십시오.

var myform = document.getElementById('FormId');
document.getElementById('LinkId').addEventListener('click', function() {
  myform.submit();
});

이 방법은 HTML과 JavaScript가 별도의 파일에 있기 때문에 권장됩니다. JavaScript에서 해당 요소를 가져 오려면 HTML에서 정의한 양식 ID 및 링크 ID를 사용해야합니다. 링크를 클릭하면 양식이 제출됩니다.

버튼을 클릭하고 JavaScript에서submit()함수를 사용하여 양식 제출

버튼을 사용하여 양식을 제출할 수 있습니다. 양식을 제출하는 방법은 두 가지가 있으며onclick속성을 사용하여 HTML 코드 내에서 수행하거나 JavaScript 내에서 수행 할 수 있습니다. 예를 들어onclick속성을 사용하여 HTML 내부에 양식을 제출해 보겠습니다. 아래 코드를 참조하십시오.

<form id="FormId">
  <button id = "ButtonId" onclick="document.getElementById('FormId').submit();"> SubmitForm </button>
</form>

위의 방법과 유사하게 HTML과 JavaScript 코드를 혼합하고 있으므로이 방법은 권장되지 않습니다. 별도의 JavaScript를 사용하여 위의 작업을 수행해 보겠습니다.

var myform = document.getElementById('FormId');
document.getElementById('ButtonId').addEventListener('click', function() {
  myform.submit();
});