Thuộc tính pattern của Input Text trong HTML DOM

Thuộc tính pattern của Input Text trong HTML DOM dùng để thiết lập hoặc trả về thuộc tính pattern của trường văn bản. Nó kiểm tra giá trị văn bản dựa trên biểu thức chính quy được chỉ định bởi pattern.

Cú pháp

Cú pháp để thiết lập thuộc tính pattern:

textObject.pattern = regexp

Ví dụ

Ví dụ minh họa cho thuộc tính pattern:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính pattern của Input Text</h1> 
<p>Tên đăng nhập có thể là 3 ký tự số hoặc 6 ký tự chữ từ a đến g</p> 
<form action="/Sample_page.php"> 
    TÊN ĐĂNG NHẬP: <input type="text" id="USR" name="user_name" pattern="[0-9]{3}|[a-g]{6}" title="Ba ký tự số hoặc 6 ký tự chữ a-g"> 
    <input type="submit"> 
</form> 
<br> 
<button onclick="textPattern()">LẤY PATTERN</button> 
<p id="Sample"></p> 
<script> 
    function textPattern() { 
        var P = document.getElementById("USR").pattern; 
        document.getElementById("Sample").innerHTML = "Giá trị thuộc tính pattern là " + P; 
    } 
</script> </body> </html>

Kết quả

Khi nhập văn bản không khớp regex, trình duyệt hiển thị cảnh báo. Nhấn "LẤY PATTERN" hiển thị pattern: [0-9]{3}|[a-g]{6}.