Thuộc tính mẫu văn bản đầu vào HTML DOM được sử dụng để thiết lập hoặc trả về thuộc tính mẫu của trường văn bản đầu vào. Nó kiểm tra văn bản so với một biểu thức chính quy được chỉ định bởi thuộc tính mẫu.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính mẫu -
textObject.pattern = regexp
Ở đây, regexp là một biểu thức chính quy dùng để kiểm tra trường văn bản.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính mẫu văn bản -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text pattern property</h1>
<p>The username can either be of three numeric characters or 6 alphabet characters from a to 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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhập văn bản vào trường văn bản không khớp với regex được chỉ định trong thuộc tính mẫu, cảnh báo sau sẽ hiển thị -
Khi nhấp vào nút NHẬN MẪU -
