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' енгізсек, онда span-та 'Good!' мәтінін көрсетеміз, text және show әдістерінің көмегімен, ал егер басқа нәрсе енгізсек, онда - 'Bad...':

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