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' इनपुट करते हैं, तो स्पैन में टेक्स्ट 'Good!' दिखाएंगे, text और show मेथड्स की मदद से, और यदि कुछ और, तो - 'Bad...':

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