HTML DOM Input URL pattern প্রপার্টি

HTML DOM Input URL pattern প্রপার্টি URL ইনপুটের সংশ্লিষ্ট রেগুলার এক্সপ্রেশন সেট বা রিটার্ন করে। pattern অ্যাট্রিবিউটের মান URL ফিল্ডে টাইপ করা টেক্সটের সাথে মিলিয়ে যাচাই করা হয়।

সিনট্যাক্স (Syntax)

রেগুলার এক্সপ্রেশন পাওয়ার জন্য (Returning regular expression)

inputURLObject.pattern

pattern রেগুলার এক্সপ্রেশন সেট করার জন্য (Setting pattern to regular expression)

inputURLObject.pattern = 'RegExp'

উদাহরণ (Example)

Input URL pattern প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL pattern</title> 
<style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="submit"] { 
        border-radius: 10px; 
    } 
</style> 
</head> 
<body> 
<form onsubmit="checkPattern()"> 
<fieldset> 
<legend>URL-pattern</legend> 
<label for="URLSelect">URL : <input type="url" id="URLSelect" pattern="https?://www.+[a-zA-Z0-9]+.com"> </label> 
<input type="submit" value="Submit"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'pattern: '+inputURL.pattern; 
    function checkPattern() { 
        if(inputURL.value !== ''){ 
            alert("Redirecting to "+User); 
        } 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Submit' বাটনে ক্লিক করার আগে:

অবৈধ প্যাটার্নে 'Submit' বাটনে ক্লিক করলে:

বৈধ প্যাটার্নে 'Submit' বাটনে ক্লিক করলে: