ভূমিকা
HTML DOM ইনপুট টেক্সট pattern প্রপার্টি ব্যবহার করা হয় একটি ইনপুট টেক্সট ফিল্ডের pattern এট্রিবিউট সেট বা রিটার্ন করার জন্য। এটি pattern প্রপার্টি দ্বারা নির্দিষ্ট করা রেগুলার এক্সপ্রেশনের বিপরীতে টেক্সট চেক করে।
সিনট্যাক্স
pattern প্রপার্টি সেট করার সিনট্যাক্স:
textObject.pattern = regexp
এখানে, regexp হলো একটি রেগুলার এক্সপ্রেশন যার বিপরীতে টেক্সট ফিল্ড চেক করা হবে।
উদাহরণ
নিচে টেক্সট pattern প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input Text pattern property</h1> <p>ইউজারনেম হয় তিনটি न्यूमেরিক ক্যারেক্টার হতে পারে অথবা a থেকে g পর্যন্ত ছয়টি অ্যালফাবেট ক্যারেক্টার</p> <form action="/Sample_page.php"> USERNAME: <input type="text" id="USR" name="user_name" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g"> <input type="submit"> </form> <br> <button onclick="textPattern()">GET PATTERN</button> <p id="Sample"></p> <script> function textPattern() { var P = document.getElementById("USR").pattern; document.getElementById("Sample").innerHTML ="The pattern attribute value is"+ P; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
রেগেক্স দ্বারা নির্দিষ্ট প্যাটার্নের সাথে মিল না খাওয়া টেক্সট ইনপুট করলে নিচের সতর্কতা দেখা যাবে:
GET PATTERN বাটনে ক্লিক করার পর:
