জাভাস্ক্রিপ্ট ব্যবহার করে পাসওয়ার্ড ম্যাচিং

Jabhaskripta Byabahara Kare Pasa Oyarda Myacim



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

এই পোস্টে আমাদের লক্ষ্য হল একটি HTML ফর্ম তৈরি করা যা ব্যবহারকারীর ইনপুটের সাথে মেলে৷ পাসওয়ার্ড এবং পাসওয়ার্ড নিশ্চিত করুন ব্যবহারকারী সঠিক পাসওয়ার্ড টাইপ করেছেন বা কোনো টাইপ করেছেন কিনা তা নিশ্চিত করার জন্য ক্ষেত্র।







ধাপ 1: HTML ফর্ম

প্রথম ধাপ হল একটি HTML ফর্ম তৈরি করা যা ব্যবহারকারীর ইনপুট নেয়:



< কেন্দ্র >
< h2 > লিনাক্স ইঙ্গিত h2 >
< ফর্ম >

< পি > পাসওয়ার্ড লিখুন পি >
< ইনপুট প্রকার = 'পাসওয়ার্ড' আইডি = 'পাস' > < br < br >

< পি > পাসওয়ার্ড নিশ্চিত করুন পি >
< ইনপুট প্রকার = 'পাসওয়ার্ড' আইডি = 'নিশ্চিতকরণ' > < br < br >

< বোতাম প্রকার = 'জমা দিন' অনক্লিক = 'পাসওয়ার্ড নিশ্চিতকরণ()' > লগ ভিতরে বোতাম >

ফর্ম >
কেন্দ্র >



আমরা একটি সাধারণ HTML ফর্ম তৈরি করেছি যাতে দুটি ইনপুট ক্ষেত্র রয়েছে টাইপ পাসওয়ার্ড এবং একটি লগইন বোতাম যা কল করে পাসওয়ার্ড নিশ্চিতকরণ() ফাংশন যখন এটি ক্লিক করা হয়।



ধাপ 2: জাভাস্ক্রিপ্ট ফর্ম যাচাইকরণ

এখন আমরা এর ভিতরে JavaScript কোড লিখব পাসওয়ার্ড নিশ্চিতকরণ() ফাংশন যা পাসওয়ার্ড যাচাই করে:





ফাংশন পাসওয়ার্ড নিশ্চিতকরণ ( ) {
var password = document.getElementById ( 'পাস' ) মান;
var confirmPassword = document.getElementById ( 'নিশ্চিতকরণ' ) মান;

যদি ( পাসওয়ার্ড == '' ) {
সতর্ক ( 'ত্রুটি: পাসওয়ার্ড ক্ষেত্রটি খালি।' ) ;
} অন্য যদি ( পাসওয়ার্ড == নিশ্চিত পাসওয়ার্ড ) {
সতর্ক ( 'লগ ইন' ) ;
} অন্য {
সতর্ক ( 'অনুগ্রহ করে নিশ্চিত করুন যে আপনার পাসওয়ার্ড মিলছে।' )
}
}


ভিতরে পাসওয়ার্ড নিশ্চিতকরণ() ফাংশনের মাধ্যমে আমরা প্রথমে পাসওয়ার্ডের মান পাই এবং পাসওয়ার্ড ক্ষেত্র নিশ্চিত করি এবং ভেরিয়েবলের মধ্যে সংরক্ষণ করি। তারপর বিভিন্ন ক্ষেত্রে পরীক্ষা করার জন্য আমরা শর্তসাপেক্ষ বিবৃতি ব্যবহার করি।

কেস 1: পাসওয়ার্ড ক্ষেত্র খালি



প্রথম শর্তসাপেক্ষে পাসওয়ার্ড ক্ষেত্রটি খালি কিনা তা পরীক্ষা করে। ক্ষেত্রটি খালি থাকলে আমরা ব্যবহারকারীকে পাসওয়ার্ড টাইপ করতে অনুরোধ করি:


কেস 2: পাসওয়ার্ড মেলে

পাসওয়ার্ড মেলে যদি ব্যবহারকারী সফলভাবে লগ ইন করেন:


কেস 3: পাসওয়ার্ড মেলে না

যদি পাসওয়ার্ডগুলি মেলে না, আমরা ব্যবহারকারীকে পাসওয়ার্ডগুলি পুনরায় টাইপ করতে বলি এবং নিশ্চিত করুন যে সেগুলি মেলে:


জাভাস্ক্রিপ্ট এবং এইচটিএমএল কোড একসাথে এই মত কিছু দেখায়:

DOCTYPE html >
< html >
< শরীর >
< কেন্দ্র >
< h2 > লিনাক্স ইঙ্গিত h2 >
< ফর্ম >

< পি > পাসওয়ার্ড লিখুন পি >
< ইনপুট প্রকার = 'পাসওয়ার্ড' আইডি = 'পাস' > < br < br >

< পি > পাসওয়ার্ড নিশ্চিত করুন পি >
< ইনপুট প্রকার = 'পাসওয়ার্ড' আইডি = 'নিশ্চিতকরণ' > < br < br >

< বোতাম প্রকার = 'জমা দিন' অনক্লিক = 'পাসওয়ার্ড নিশ্চিতকরণ()' > লগ ভিতরে বোতাম >

ফর্ম >
কেন্দ্র >
শরীর >
< লিপি >
ফাংশন পাসওয়ার্ড নিশ্চিতকরণ ( ) {
var password = document.getElementById ( 'পাস' ) মান;
var confirmPassword = document.getElementById ( 'নিশ্চিতকরণ' ) মান;

যদি ( পাসওয়ার্ড == '' ) {
সতর্ক ( 'ত্রুটি: পাসওয়ার্ড ক্ষেত্রটি খালি।' ) ;
} অন্য যদি ( পাসওয়ার্ড == নিশ্চিত পাসওয়ার্ড ) {
সতর্ক ( 'লগ ইন' ) ;
} অন্য {
সতর্ক ( 'অনুগ্রহ করে নিশ্চিত করুন যে আপনার পাসওয়ার্ড মিলছে।' )
}
}
লিপি >
html >

উপসংহার

মানুষ প্রায়ই ভুল করতে পারে কিন্তু এটি তাদের অ্যাকাউন্টে লগ ইন করতে বাধা দেওয়া উচিত নয়। এমনকি পাসওয়ার্ড দেওয়ার ক্ষেত্রে সামান্যতম ভুলও ব্যবহারকারীর অ্যাকাউন্টে অ্যাক্সেস সীমিত করতে পারে। সুতরাং, ব্যবহারকারীরা সঠিক পাসওয়ার্ড দিয়েছেন তা নিশ্চিত করতে তার পাসওয়ার্ড দুবার চেক করা সর্বদা একটি ভাল ধারণা।