জেভাস্ক্রিপ্ট ফর্ম

জাভাস্ক্রিপ্ট ফর্ম পরীক্ষা

HTML ফর্ম পরীক্ষা জাভাস্ক্রিপ্ট দ্বারা করা যেতে পারে。

যদি ফর্ম ক্ষেত্র (fname) খালি থাকে, তবে এই ফাংশনটি একটি বার্তা প্রদর্শন করবে এবং false ফিরাবে, ফর্মটি সমর্থন করার জন্য:

জেভাস্ক্রিপ্ট ইনস্ট্যান্স

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("নাম পূর্ণ করা আবশ্যক");
    return false;
  }
}

ফর্ম সমর্থন করার সময় এই ফাংশনটি বানানো যেতে পারে:

HTML ফর্ম ইনস্ট্যান্স

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
নাম: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

আপনার নিজেই প্রয়োগ করুন

জাভাস্ক্রিপ্ট সংখ্যা ইনপুটকে পরীক্ষা করতে পারে

জাভাস্ক্রিপ্ট সাধারণত সংখ্যা ইনপুটকে পরীক্ষা করার জন্য ব্যবহৃত হয়:

1 থেকে 10 এর মধ্যে সংখ্যা ইনপুট করুন:

আপনার নিজেই প্রয়োগ করুন

স্বয়ংক্রিয় HTML ফর্ম পরীক্ষা

HTML ফর্ম পরীক্ষা ব্রাউজার দ্বারা স্বয়ংক্রিয়ভাবে করা যেতে পারে:

যদি ফর্ম ক্ষেত্র (fname) খালি থাকে তবে required এই প্রকার বৈশিষ্ট্যগুলো ফর্মটির সমর্থন না করবে:

HTML ফর্ম ইনস্ট্যান্স

<form action="/action_page.php" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

আপনার নিজেই প্রয়োগ করুন

সুঝানা:ইন্টারনেট এক্সপ্লোরার ৯ বা তার পূর্ববর্তী সংস্করণে, স্বয়ংক্রিয় HTML ফর্ম পরীক্ষা কাজ করে না。

ডাটা পরীক্ষা

ডাটা পরীক্ষা হল ব্যবহারকারীর ইনপুটকে পরিচ্ছন্ন, সঠিক এবং উপযুক্ত করার প্রক্রিয়া。

সাধারণ পরীক্ষা কাজগুলোর মধ্যে:

  • ব্যবহারকারী সবগুলো বাধ্যতামূলক ক্ষেত্রকে পূর্ণ করেছেন কি?
  • ব্যবহারকারী একটি বৈধ তারিখ ইনপুট করেছেন কি?
  • ব্যবহারকারী সংখ্যাক্ষর ক্ষেত্রে লেখার ইনপুট করেছেন কি?

বেশিরভাগ ক্ষেত্রে, ডাটা পরীক্ষার উদ্দেশ্য হল ব্যবহারকারীর ইনপুটকে সঠিক হওয়ার নিশ্চয় করা。

পরীক্ষা বহুভাবে বর্ণনা করা যেতে পারে এবং বহুভাবে প্রস্তুত করা যেতে পারে。

ইনপুটটি সার্ভারে পাঠানোর পর, ওয়েব সার্ভার দ্বারা সার্ভার পক্ষের পরীক্ষা করা হয়。

ইনপুটটি ওয়েব সার্ভারে পাঠানোর আগে, ক্লায়েন্টের পরীক্ষা ওয়েব ব্রাউজার দ্বারা করা হয়。

HTML বাধ্যতামূলক পরীক্ষা

HTML5 একটি নতুন HTML পরীক্ষা ধারণা উপস্থাপন করেছে, যা 'বাধ্যতামূলক পরীক্ষা' নামে পরিচিত。

HTML 约束验证基于：

  • কনস্ট্রেইন্ট ভেরিফিকেশন এইচটিএমএল ইনপুট অ্যাট্রিবিউট
  • কনস্ট্রেইন্ট ভেরিফিকেশন সিএসএস পসিডিক্স
  • কনস্ট্রেইন্ট ভেরিফিকেশন ডম অ্যাট্রিবিউট এবং পদ্ধতি

কনস্ট্রেইন্ট ভেরিফিকেশন এইচটিএমএল ইনপুট অ্যাট্রিবিউট

অ্যাট্রিবিউট বর্ণনা
disabled ইনপুট ইলেকমেন্টকে নিষ্ক্রিয় করুন
max ইনপুট ইলেকমেন্টের অধিকতম মানকে নির্দিষ্ট করুন
min ইনপুট ইলেকমেন্টের ন্যূনতম মানকে নির্দিষ্ট করুন
pattern ইনপুট ইলেকমেন্টের মানক মোডকে নির্দিষ্ট করুন
required ইনপুট ফিল্ডকে বাধ্য করুন
type ইনপুট ইলেকমেন্টের ধরন নির্দিষ্ট করুন

সম্পূর্ণ তালিকা পাওয়ার জন্য এখানে দেখুন এইচটিএমএল ইনপুট অ্যাট্রিবিউট。

কনস্ট্রেইন্ট ভেরিফিকেশন সিএসএস পসিডিক্স

সিলেক্টর বর্ণনা
:disabled disabled অ্যাট্রিবিউট দিয়ে নির্দিষ্ট ইনপুট ইলেকমেন্ট বাছাই করুন
:invalid অপ্রভাবশালী ইনপুট ইলেকমেন্ট বাছাই করুন
:optional required অ্যাট্রিবিউট না দিয়ে নির্দিষ্ট ইনপুট ইলেকমেন্ট বাছাই করুন
:required required অ্যাট্রিবিউট দিয়ে নির্দিষ্ট ইনপুট ইলেকমেন্ট বাছাই করুন
:valid প্রভাবশালী ইনপুট ইলেকমেন্ট বাছাই করুন

সম্পূর্ণ তালিকা পাওয়ার জন্য এখানে দেখুন সিএসএস পসিডিক্স。