জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি 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>

ফলাফল




« জেকুয়েরি ইভেন্ট মেথডসমুহ