জাভাস্ক্রিপ্টের মাধ্যমে এইচটিএমএল ফর্ম ভ্যালিডেশন করা যায়ঃ
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("নাম অবশ্যই পূরণ করতে হবে")
return false;
}
}যদি ফর্ম ফিল্ড খালি থাকে তবে ফর্ম সাবমিট হওয়া থেকে বিরত রাখতে এই ফাংশনটি একটি এলার্ট দিবে এবং false রিটার্ন করবে।
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("নাম অবশ্যই পুরন করতে হবে");
return false;
}
}
</script>
<body>
<form name="myForm" action="action_page.php"
onsubmit="return validateForm()" method="post">
নাম: <input type="text" name="fname">
<input type="submit" value="সাবমিট">
</form>
</body>
</html>ফর্ম সাবমিট করলে validateForm() ফাংশনটি এক্সিকিউট হবে।
ব্রাউজারের মাধ্যমে স্বয়ংক্রিয়ভাবে এইচটিএমএল ফর্ম ভ্যালিডেশন করা যায়।
নিচের উদাহরণে ইনপুট ফিল্ড খালি রেখে ফর্ম সাবমিট করলে required এট্রিবিউট ফর্ম সাবমিট করতে বাধা দিবে।
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form action="action_page.php" method="post">
<input type="text" name="fname" required>
<input type="submit" value="সাবমিট">
</form>
</body>
</html> | ইন্টারনেট এক্সপ্লোরার ৯ এবং তার আগের ভার্সনে এইচটিএমএল ফর্ম ভ্যালিডেশন সাপোর্ট করে না। |
|---|
ইনপুট ভ্যালু স্বচ্ছ, সঠিক এবং মানসম্মত করার জন্য ডাটা ভ্যালিডেশন করা হয়।
অধিকাংশ ক্ষেত্রে, ডেটা ভ্যালিডেশনের উদ্দেশ্য হচ্ছে কম্পিউটার এপ্লিকেশনে সঠিক তথ্য ইনপুট করা।
বিভিন্ন পদ্ধতিতে ডেটা ভ্যালিডেশন করা যায়ঃ
সার্ভার সাইড ভ্যালিডেশনঃ ওয়েব সার্ভারে ইনপুট ভ্যালু পাঠানোর পর ওয়েব সার্ভার ইনপুট ভ্যালিডেট করে।
ক্লায়েট সাইড ভ্যালিডেশনঃ ওয়েব সার্ভারে ইনপুট ভ্যালু পাঠানোর পূর্বে ওয়েব ব্রাউজার ইনপুট ভ্যালিডেট করে।
এইচটিএমএল ৫ ভ্যালিডেশনের একটি নতুন ধারনা দেয় যা কন্সট্রেইন্ট ভ্যালিডেশন নামে পরিচিত।
কন্সট্রেইন্ট ভ্যালিডেশনের ভিত্তিঃ
common.read_more
common.or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
