jQuery의 submit 메서드

이전에 우리는 다음과 같은 구문을 사용했습니다:

$('form').on('submit', function(event) {
	event.preventDefault();
});

이 대신 jQuery에서 직접 submit 메서드를 사용할 수도 있습니다. 이 메서드는 폼에 핸들러를 바인딩하거나 이벤트를 발생시킵니다:

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

다음 예제에는 간단한 폼이 있습니다. submit 메서드를 사용하여 이벤트 핸들러를 바인딩할 것이며, 텍스트 필드와 타입이 submit인 버튼 - 인풋이 있습니다:

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

텍스트 필드에 텍스트를 입력하고, 버튼을 클릭할 때 이 텍스트를 확인해 봅시다. 'jQuery'를 입력하면, text와 show 메서드를 사용하여 span에 'Good!' 텍스트를 표시하고, 다른 것을 입력하면 - 'Bad...'를 표시합니다:

$('form').submit(function(event) {
	event.preventDefault();
		if ($('input').first().val() === 'jQuery') {
			$('span').text('Good!').show();
			return;
		}
	$('span').text('Bad...').show();
});