submit মেথড
submit মেথডটি আমাদের JavaScript এর
submit ইভেন্টের সাথে কাজ করতে দেয়। এটি আমাদেরকে
submit ইভেন্টে একটি হ্যান্ডলার বাঁধতে অথবা
এলিমেন্টে ইভেন্টটি ট্রিগার করতে দেয়।
সিনট্যাক্স
আমরা মেথডটিকে একটি হ্যান্ডলার ফাংশন পাস করতে পারি, যা ইভেন্টটি ঘটার সময় প্রতিবার কার্যকর হবে, এবং এই ফাংশনে ইভেন্ট অবজেক্ট পাস করা যেতে পারে:
.submit(হ্যান্ডলার-ফাংশন);
এই ক্ষেত্রে মেথডটি .on('submit', handler) কনস্ট্রাকশনের
মত একইভাবে কাজ করবে, যা
on মেথডে পাওয়া যায়।
আমরা ঐচ্ছিকভাবে মেথডটিকে একটি ডেটা অবজেক্টও পাস করতে পারি, যা হ্যান্ডলার ফাংশনে পাস হবে:
.submit([ইভেন্ট ডেটা], হ্যান্ডলার-ফাংশন);
অথবা কোন প্যারামিটার ছাড়াই কল করা যেতে পারে, তখন
মেথডটি .trigger('submit') এর মত কাজ করবে,
যা trigger মেথডে পাওয়া যায়:
.submit();
submit ইভেন্টটি একটি এলিমেন্টে তখন ঘটে যখন
ব্যবহারী, উদাহরণস্বরূপ, একটি ফর্মে 'submit' বাটনে
ক্লিক করে। এই ইভেন্টটি শুধুমাত্র form ট্যাগের
এলিমেন্টে সংযুক্ত করা যেতে পারে।
submit ইভেন্টটি একটি এলিমেন্টে তখন ঘটে যখন
ব্যবহারী, উদাহরণস্বরূপ, একটি ফর্মে 'submit' বাটনে
ক্লিক করে। এই ইভেন্টটি শুধুমাত্র form ট্যাগের
এলিমেন্টে সংযুক্ত করা যেতে পারে।
উদাহরণ
নিম্নলিখিত উদাহরণে আমাদের একটি সাধারণ ফর্ম আছে,
যার সাথে আমরা submit মেথড ব্যবহার করে একটি ইভেন্ট হ্যান্ডলার সংযুক্ত করব,
একটি টেক্সট ফিল্ড এবং
একটি বাটন - submit টাইপের একটি ইনপুট। আসুন
টেক্সট ফিল্ডে টেক্সট লিখি, এবং বাটনে ক্লিক করলে
এই টেক্সটটি পরীক্ষা করি। যদি আমরা
'jQuery' লিখি, তবে স্প্যানে 'Good!' টেক্সট দেখাব,
text এবং
show মেথড ব্যবহার করে,
এবং যদি অন্য কিছু হয়, তবে - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
