HTML DOM ইনপুট পাসওয়ার্ড প্যাটার্ন বৈশিষ্ট্যটি একটি ইনপুট পাসওয়ার্ড ক্ষেত্রের প্যাটার্ন বৈশিষ্ট্য সেট বা ফেরানোর জন্য ব্যবহৃত হয়। এটি প্যাটার্ন বৈশিষ্ট্য দ্বারা নির্দিষ্ট একটি নিয়মিত অভিব্যক্তির বিপরীতে পাসওয়ার্ড পরীক্ষা করে৷
সিনট্যাক্স
এর জন্য সিনট্যাক্স নিচে দেওয়া হল
প্যাটার্ন প্রপার্টি সেট করা হচ্ছে -
passwordObject.pattern = regexp
এখানে, regexp হল একটি রেগুলার এক্সপ্রেশন যার বিপরীতে পাসওয়ার্ড ফিল্ড চেক করা হয়।
উদাহরণ
আসুন পাসওয়ার্ড প্যাটার্ন প্রপার্টির জন্য একটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<body>
<h1>Input Password pattern property</h1>
<p>The password can either be of three numeric characters or 6 alphabet characters from a to g</p>
<form action="/Sample_page.php">
Password: <input type="password" id="PASS" name="passW" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g">
<input type="submit">
</form>
<br>
<button onclick="passPattern()">GET PATTERN</button>
<p id="Sample"></p>
<script>
function passPattern() {
var P = document.getElementById("PASS").pattern;
document.getElementById("Sample").innerHTML ="The pattern attribute value is"+ P;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
প্যাটার্ন প্রপার্টি −
-এ উল্লেখিত regex দ্বারা মেলে না এমন পাসওয়ার্ড লিখলে
GET PATTERN বোতামে ক্লিক করলে -
উপরের উদাহরণে
আমরা টাইপ পাসওয়ার্ড id=”Pass”, name=”PassW” এবং pattern="[0-9]{3}|[a-g]{6}" সহ একটি ইনপুট উপাদান তৈরি করেছি। এখানে প্যাটার্ন অ্যাট্রিবিউট মান হল একটি রেজেক্স যা উল্লেখ করে যে আপনি হয় তিনটি সাংখ্যিক মান বা একটি থেকে জি পর্যন্ত 6টি বর্ণমালা লিখতে পারেন। যদি ইনপুটটি এই রেজেক্সের সাথে মেলে না তবে শিরোনাম বৈশিষ্ট্যের মান ইনপুট বাক্সে প্রদর্শিত হয়। এই পাসওয়ার্ড ক্ষেত্রটি "/Sample_page.php" এ সেট করা অ্যাট্রিবিউট মান সহ একটি ফর্মের ভিতরে রয়েছে। সাবমিট বোতাম −
-এ ক্লিক করলে এখানেই আমাদের ফর্ম ডেটা জমা দেওয়া হবে<form action="/Sample_page.php">
Password: <input type="password" id="PASS" name="passW" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g">
<input type="submit">
</form> তারপরে আমরা GET PATTERN বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে passPattern() পদ্ধতিটি কার্যকর করবে -
<button onclick="passPattern()">GET PATTERN</button>
PassPattern() getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে এবং এর প্যাটার্ন প্রপার্টি পেতে যা টাইপ স্ট্রিং এর একটি রেজেক্স প্রদান করে। রেজেক্স স্ট্রিং ভেরিয়েবল P-এ বরাদ্দ করা হয় এবং "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়। এর innerHTML প্রপার্টি ব্যবহার করে।
function passPattern() {
var P = document.getElementById("PASS").pattern;
document.getElementById("Sample").innerHTML ="The pattern attribute value is"+ P;
} 