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