jQuery හි submit ක්‍රමය

පෙරදී අපි මෙවැනි නිර්මාණයක් භාවිතා කළෙමු:

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

ඒ වෙනුවට අපට jQuery හිදී සෘජුවම submit ක්‍රමය භාවිතා කළ හැකිය, එය ආකෘතියකට (form) සැකසුම්කරුවෙකු (handler) බැඳීම හෝ සිදුවීම (event) ක්‍රියාත්මක කිරීම සිදු කරයි:

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

ඊළඟ උදාහරණයේ දී අප සතුව සරල ආකෘතියක් (form) ඇත, අපි එයට submit ක්‍රමය භාවිතයෙන් සිදුවීම් සැකසුම්කරුවෙකු (event handler) බඳින්නෙමු, එහි පෙළ ක්ෂේත්‍රයක් සහ බොත්තමක් - submit වර්ගයේ ආදානයක් (input) ඇත:

<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();
});