submit 메서드

submit 메서드를 사용하면 JavaScript 이벤트 submit를 작업할 수 있습니다. 이 메서드는 JavaScript 이벤트 submit에 핸들러를 바인딩하거나 요소에서 이 이벤트를 트리거할 수 있게 해줍니다.

구문

메서드에 핸들러 함수를 전달할 수 있으며, 이 함수는 이벤트가 발생할 때마다 트리거되고, 차례로 이벤트 객체를 전달받을 수 있습니다:

javascript.submit(handler);

이 경우 메서드는 메서드 on의 구성 .on('submit', handler)와 유사하게 작동합니다.

또한 선택적 매개변수로 이벤트 데이터가 포함된 객체를 메서드에 전달할 수 있으며, 이 데이터는 핸들러 함수에 전달됩니다:

javascript.submit([eventData], handler);

매개변수를 전달하지 않을 수도 있으며, 이 경우 메서드는 메서드 trigger의 .trigger('submit')와 유사하게 작동합니다:

javascript.submit();

submit 이벤트는 사용자가 예를 들어 양식의 'submit' 버튼을 누를 때 요소에서 발생합니다. 이 이벤트는 form 태그 요소에만 첨부할 수 있습니다. submit 이벤트는 사용자가 예를 들어 양식의 'submit' 버튼을 누를 때 요소에서 발생합니다. 이 이벤트는 form 태그 요소에만 첨부할 수 있습니다.

예제

다음 예제에는 간단한 양식이 있으며, 메서드 submit를 사용하여 이벤트 핸들러를 바인딩하고, 텍스트 필드 및 유형이 submit인 입력 버튼이 있습니다. 텍스트 필드에 텍스트를 입력하고 버튼을 눌러 이 텍스트를 확인해 봅시다. 'jQuery'를 입력하면 스팬에 'Good!' 텍스트를 표시하고, 메서드 text 및 show를 사용하여, 다른 것을 입력하면 - 'Bad...'를 표시합니다:

html<p>jQuery</p>
<form action="/">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>

javascript$('form').submit(function(event) {
  event.preventDefault();

  if ($('input').first().val() === 'jQuery') {
    $('span').text('Good!').show();
    return;
  }

  $('span').text('Bad...').show();
});

참고 항목