জেকুয়েরি submit() মেথড
সিনট্যাক্স ও ব্যাখ্যা
নির্বাচিত এলিমেন্টের জন্য submit ইভেন্টকে ট্রিগার:
$(selector).submit() চেষ্টা করি
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে submit() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। submit ইভেন্ট ট্রিগার করা হলে যে ফাংশন রান হবে সেটিকে নির্দেশ করে। |
সংজ্ঞা এবং ব্যবহার
ফর্মকে সাবমিট করা হলে submit ইভেন্ট ঘটে।
এই ইভেন্ট শুধুমাত্র <form> এলিমেন্টে ব্যবহার করা যায়।
submit() মেথড submit ইভেন্টকে ট্রিগার করে, অথবা submit ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন যুক্ত করে।
submit() মেথড সংক্রান্ত উদাহরণ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function(){
alert("সাবমিট হয়েছে");
});
});
</script>
</head>
<body>
<form action="#">
নাম: <input type="text" name="Name" value="জিহাদুল ইসলাম"><br>
বয়স: <input type="number" name="age" value="22"><br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
ফলাফল
একটি submit বাটনের ডিফল্ট আচরন প্রতিরোধ
event.preventDefault() মেথড ব্যবহার করে কিভাবে একটি ফর্মকে সাবমিট করা থেকে প্রতিরোধ করা যায় তা নিচের উদাহরনে দেখানো হলো
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function(event){
event.preventDefault();
alert("পূর্বে সাবমিট হয়েছে");
});
});
</script>
</head>
<body>
<form action="#">
নাম: <input type="text" name="Name" value="জিহাদুল ইসলাম"><br>
বয়স: <input type="number" name="age" value="22"><br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
ফলাফল