জাভাস্ক্রিপ্ট বৈধকরণ: ফর্ম এবং ইমেল বৈধকরণ সম্পর্কে আপনার যা জানা দরকার



জাভাস্ক্রিপ্ট বৈধকরণ সম্পর্কিত এই নিবন্ধটি ফর্মের বৈধতা সম্পর্কে গভীরতর জ্ঞান সরবরাহ করবে। এটি জাভাস্ক্রিপ্ট ব্যবহার করে কোনও ফর্ম যাচাই করার জন্য একটি উদাহরণ সরবরাহ করবে।

জাভাস্ক্রিপ্ট এর মধ্যে অন্যতম জনপ্রিয় ভাষা , ফ্রন্ট-এন্ড এবং ব্যাক-এন্ড ডেভেলপমেন্ট। এটি সুন্দরভাবে ডিজাইন করা ওয়েবসাইটগুলি তৈরি করতে ব্যবহৃত হয়। জাভাস্ক্রিপ্টে, ব্যবহারকারীর অনুমোদনের জন্য বৈধতা ব্যবহৃত হয়। এই জাভাস্ক্রিপ্ট বৈধকরণ নিবন্ধ, আপনি নিম্নলিখিত ক্রমিক ফর্ম বৈধতা সম্পর্কে জানতে হবে:

জাভাস্ক্রিপ্ট কী?

ইহা একটি উচ্চ স্তরের, ব্যাখ্যা করা ওয়েব পৃষ্ঠাগুলি আরও ইন্টারেক্টিভ করতে ব্যবহৃত প্রোগ্রামিং ভাষা। এটি একটি খুব শক্তিশালী মক্কেলের পক্ষে স্ক্রিপ্টিং ভাষা যাআপনার ওয়েবপৃষ্ঠাটিকে আরও প্রাণবন্ত এবং ইন্টারেক্টিভ করে তোলে।





জাভাস্ক্রিপ্ট - জাভাস্ক্রিপ্টের বৈধতা - এডুরেকা

এটি একটি প্রোগ্রামিং ভাষা যা আপনাকে বাস্তবায়নে সহায়তা করে জটিল এবং সুন্দর নকশা চালু ওয়েব পেজ । আপনি যদি চান যে আপনার ওয়েব পৃষ্ঠাটি জীবিত দেখায় এবং কেবল আপনাকে দেখানোর চেয়ে আরও অনেক কিছু করতে পারে তবে জাভাস্ক্রিপ্ট অবশ্যই আবশ্যক।



জাভাস্ক্রিপ্ট এর বৈশিষ্ট্য:

  • এটি একটি স্ক্রিপ্টিং ভাষা এবং এর সাথে কিছু করার নেই । প্রাথমিকভাবে, এটি নামকরণ করা হয়েছিল মোচা , তারপর পরিবর্তিত হয়েছে লাইভস্ক্রিপ্ট এবং অবশেষে এটি হিসাবে নামকরণ করা হয়েছিল জাভাস্ক্রিপ্ট

  • জাভাস্ক্রিপ্ট একটি অবজেক্ট ভিত্তিক প্রোগ্রামিং ভাষা যা পলিমারফিজম, এনক্যাপসুলেশন এবং উত্তরাধিকারকেও সমর্থন করে।



  • আপনি কেবল জাভাস্ক্রিপ্ট চালাতে পারবেন না ব্রাউজার কিন্তু এছাড়াও সার্ভার এবং যে কোনও ডিভাইসটিতে একটি জাভাস্ক্রিপ্ট ইঞ্জিন রয়েছে।

জাভাস্ক্রিপ্ট ফাংশন

মৌলিক বিল্ডিং ব্লক জাভাস্ক্রিপ্ট হিসাবে বলা হয় কার্যাদি । এটি মূলত স্টেটমেন্টগুলির একটি সেট যা কোনও কার্য সম্পাদন করে বা একটি মান গণনা করে। কোনও ফাংশনটি ব্যবহার করার জন্য, আপনি যে ক্ষেত্র থেকে এটি কল করতে চান সেখানে কোথাও এটি সংজ্ঞায়িত করা উচিত।

একটি ফাংশন সংজ্ঞা ফাংশন কীওয়ার্ড নিয়ে গঠিত, তারপরে:

__init__ অজগর
  • দ্য নাম ফাংশন।

  • একটি তালিকা পরামিতি ফাংশনে, প্রথম বন্ধনীতে আবদ্ধ এবং কমা দ্বারা পৃথক।

  • জাভাস্ক্রিপ্ট বিবৃতি যে ফাংশন সংজ্ঞায়িত, কোঁকড়ানো বন্ধনী মধ্যে বদ্ধ, {}।

আসুন একটি উদাহরণ নিই এবং কীভাবে নামের একটি কার্যকারিতা সংজ্ঞায়িত করা যায় তা দেখুন যোগ করুন :

ফাংশন যোগ (ক, খ) a ফিরে a + বি}

এখন, কোনও ব্যবহারকারীকে বৈধতা দেওয়ার জন্য, একটি বৈধতা ফাংশন ব্যবহৃত হয়। সুতরাং আসুন এগিয়ে যান এবং জাভাস্ক্রিপ্ট বৈধতা সম্পর্কে আরও জানুন।

বৈধতা কি?

বৈধকরণ একটি পদ্ধতি প্রমাণীকরণ ব্যবহারকারী. জাভাস্ক্রিপ্ট ক্লায়েন্ট সাইডে ফর্মটি বৈধ করার সুবিধা সরবরাহ করে যাতে সার্ভার-সাইডের বৈধতার চেয়ে ডেটা প্রসেসিং দ্রুততর হয়। এটি বেশিরভাগ ওয়েব বিকাশকারীই পছন্দ করেন। জাভাস্ক্রিপ্টের মাধ্যমে আমরা নাম, পাসওয়ার্ড, ইমেল, তারিখ, মোবাইল নম্বর এবং আরও অনেকগুলি ক্ষেত্র যাচাই করতে পারি।

মক্কেলের পক্ষে বৈধতা কোনও পৃষ্ঠা পুনরায় লোড করার আগে ফর্মটি ঠিক আছে কিনা তা জানতে ক্লায়েন্টকে বাধা দেয়। যেখানে, সার্ভার-সাইড জাভাস্ক্রিপ্ট বন্ধ করে ক্লায়েন্ট-পার্শ্বের বৈধতা পুরোপুরি বাইপাস করা যায় এই কারণে বৈধতা গুরুত্বপূর্ণ।

এখন আসুন আমাদের জাভাস্ক্রিপ্ট বৈধকরণ নিবন্ধটি নিয়ে এগিয়ে চলুন এবং ফর্ম বৈধকরণের উদাহরণটি দেখুন।

জাভাস্ক্রিপ্ট বৈধকরণ: উদাহরণ

নিম্নলিখিত উদাহরণটি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের একটি কোড যা কোনও ফর্ম যাচাইয়ের জন্য রয়েছে:

  1. এইচটিএমএল ব্যবহার করা হয় সৃষ্টি ফর্ম।
  2. জাভাস্ক্রিপ্ট ব্যবহার করা হয় বৈধ করা ফর্ম।

ফর্মভালিডেশন। Html

ফর্ম বৈধতা / ** /
পাসওয়ার্ড:
 

এটি নিম্নলিখিত আউটপুট দেবে:

এখন, আপনাকে অন্য একটি ফাইল তৈরি করতে হবে যা এটি করবে পুনঃনির্দেশ ক্লিক করার পরে একটি নতুন পৃষ্ঠাতে জমা দিন বোতাম

পাঠ্য। Html

ফর্ম বৈধকরণ / ** /

এটি অন্য পৃষ্ঠায় পুনর্নির্দেশ করবে এবং নিম্নলিখিতগুলি দেবে আউটপুট :

এখন, আমাদের একটি যোগ করা প্রয়োজন ফাংশন আমাদের জাভাস্কিপ্ট ইনপুট আইডি লিঙ্ক করতে। এটি একটি পপ আপ হবে সতর্কতা কোনও ক্ষেত্র যদি ফাঁকা ছেড়ে যায় তবে বার্তা।

ফাংশন ভ্যালিডিফর্ম () name var নাম = ডকুমেন্ট.মাইফর্ম.নেম.মূল্য ভের পাসওয়ার্ড = ডকুমেন্ট.মাইফর্ম.পাসওয়ার্ড.ভ্যালু যদি (নাম == নাল || নাম == '') {সতর্কতা ('নাম ফাঁকা হতে পারে না') ) মিথ্যা ফিরিয়ে দিন} অন্যথায় যদি (পাসওয়ার্ড.সৌধ)<6){ alert('Password must be atleast 6 characters long.') return false } } 

এটি নিম্নলিখিত পপ করবে সতর্কতা যখন নাম ক্ষেত্র ফাঁকা রাখা হয়েছে:

পরবর্তী, আপনি যদি নামটি প্রবেশ করেন এবং ছেড়ে যান পাসওয়ার্ড ক্ষেত্র ফাঁকা, এটি নিম্নলিখিত পপ করবে সতর্কতা :

একবার আপনি সঠিক ফর্ম্যাটে নাম এবং পাসওয়ার্ড যুক্ত করার পরে, এই পৃষ্ঠাটির জন্য Text.html পৃষ্ঠায় পুনঃনির্দেশ করা হবে চূড়ান্ত আউটপুট।

জন্য সম্পূর্ণ কোড ফর্ম বৈধকরণ নিম্নরূপ:

ফর্ম বৈধকরণ ফাংশনটি বৈধতা () name var নাম = ডকুমেন্ট.মাইফর্ম.নেম.ভ্যালু ভেরি পাসওয়ার্ড = ডকুমেন্ট.মাইফর্ম.পাসওয়ার্ড.ভ্যালু যদি (নাম == নাল || নাম == '') {সতর্কতা ('নাম হতে পারে না ফাঁকা ') মিথ্যা ফিরিয়ে দিন} অন্যথায় যদি (পাসওয়ার্ড.সৌধ)<6){ alert('Password must be atleast 6 characters long.') return false } } পাসওয়ার্ড: 

এটি জাভাস্ক্রিপ্টে ফর্ম বৈধতার উদাহরণ ছিল। আমরা ইমেল আইডি, পাসওয়ার্ড, মোবাইল নংও যাচাই করতে পারি। এবং আরো অনেক.

সুতরাং, আসুন আমরা আরেকটি উদাহরণ নিই এবং কীভাবে বৈধতা দেওয়া যায় তা দেখুন ইমেইল আইডি জাভাস্ক্রিপ্ট ব্যবহার করে।

জাভাস্ক্রিপ্ট ইমেল বৈধকরণ

ইমেল। Html

ফাংশন ভ্যালিডেটইমেল (ইনপুট টেক্সট) forma var মেলফর্ম্যাট = /^w+(used.- + ??w+))@w+(used.- ???+)*(.w{2,3})+$/ যদি (ইনপুটটেক্সট.মূল্য। ম্যাচ (মেলফর্ম্যাট)) {ডকুমেন্ট.ফর্ম ১.টিেক্সট ১.ফোকাস () সত্য ফিরে আসে} অন্য {সতর্কতা ('আপনি একটি অবৈধ ইমেল ঠিকানা প্রবেশ করেছেন!') ডকুমেন্ট.ফোর্মে.টেক্সট ১.ফোকাস () মিথ্যা ফিরবে} {

আউটপুট

এটির সাথে আমরা আমাদের জাভাস্ক্রিপ্ট বৈধকরণ নিবন্ধের শেষে এসেছি। আমি আশা করি আপনি এই ব্লগটি তথ্যবহুল খুঁজে পেয়েছেন এবং জাভাস্ক্রিপ্ট বৈধতার প্রাথমিক ধারণা অর্জন করেছেন।

ডেটা ইন্টিগ্রেশন টিউটোরিয়ালের জন্য টেলেন্ডস ওপেন স্টুডিও

এছাড়াও, পরীক্ষা করে দেখতে ভুলবেন না লিখেছেন এডুরেকাআমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এটি 'জাভাস্ক্রিপ্ট বৈধকরণ' এর মন্তব্য বিভাগে উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।