submit 메서드
submit 메서드를 사용하면 JavaScript
이벤트 submit를 작업할 수 있습니다.
이 메서드는 JavaScript 이벤트 submit에
핸들러를 바인딩하거나 요소에서 이 이벤트를
트리거할 수 있게 해줍니다.
구문
메서드에 핸들러 함수를 전달할 수 있으며, 이 함수는 이벤트가 발생할 때마다 트리거되고, 차례로 이벤트 객체를 전달받을 수 있습니다:
.submit(handler);
이 경우 메서드는 메서드
on의
구성 .on('submit', handler)와 유사하게
작동합니다.
또한 선택적 매개변수로 이벤트 데이터가 포함된 객체를 메서드에 전달할 수 있으며, 이 데이터는 핸들러 함수에 전달됩니다:
.submit([eventData], handler);
매개변수를 전달하지 않을 수도 있으며, 이 경우
메서드는 메서드 trigger의
.trigger('submit')와 유사하게 작동합니다:
.submit();
submit 이벤트는 사용자가 예를 들어
양식의 'submit' 버튼을 누를 때
요소에서 발생합니다. 이 이벤트는
form 태그 요소에만 첨부할 수 있습니다.
submit 이벤트는 사용자가 예를 들어
양식의 'submit' 버튼을 누를 때
요소에서 발생합니다. 이 이벤트는
form 태그 요소에만 첨부할 수 있습니다.
예제
다음 예제에는 간단한 양식이 있으며,
메서드 submit를 사용하여 이벤트 핸들러를
바인딩하고, 텍스트 필드 및
유형이 submit인 입력 버튼이 있습니다.
텍스트 필드에 텍스트를 입력하고
버튼을 눌러 이 텍스트를 확인해 봅시다.
'jQuery'를 입력하면 스팬에
'Good!' 텍스트를 표시하고,
메서드
text 및
show를 사용하여,
다른 것을 입력하면 - 'Bad...'를 표시합니다:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
