HTML DOM 입력 텍스트 패턴 속성은 입력 텍스트 필드의 패턴 속성을 설정하거나 반환하는 데 사용됩니다. 패턴 속성에 의해 지정된 정규식에 대해 텍스트를 확인합니다.
구문
다음은 −
의 구문입니다.패턴 속성 설정 -
textObject.pattern = regexp
여기서 regexp는 텍스트 필드를 검사하는 정규식입니다.
예시
텍스트 패턴 속성의 예를 살펴보겠습니다 -
<!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> 출력
이것은 다음과 같은 출력을 생성합니다 -
패턴 속성에 지정된 정규식과 일치하지 않는 텍스트를 텍스트 필드에 입력하면 다음 경고가 표시됩니다. -
GET PATTERN 버튼을 클릭하면 -
