728x90
반응형
[HTML & CSS] input(text 박스)태그에 정규식을 사용하여 한글 입력 방지 하는법 !!
한글 입력 방지와 한글만 입력 가능한 정규식을 넣어놨습니다 !
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" onkeyup="checkReg(event)" />
</body>
</html>
<script>
function checkReg(event) {
const regExp = /[^0-9a-zA-Z]/g; // 숫자와 영문자만 허용
// const regExp = /[^ㄱ-ㅎ|가-힣]/g; // 한글만 허용
const del = event.target;
if (regExp.test(del.value)) {
del.value = del.value.replace(regExp, '');
}
};
</script>결과값
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] Input 태그 자동 완성 해제하는 초간단 방법 !! (0) | 2022.11.10 |
|---|---|
| [HTML & CSS] 사진 슬라이드 쇼 만들기 (이미지 움직이기) (0) | 2022.05.27 |
| [HTML & CSS] 버튼클릭으로 로딩바(Loding Bar) 만들기! (0) | 2022.04.11 |
| [HTML & CSS] <button> 버튼 onclick 이벤트로 링크 이동 및 넣는법 - 초간단 !! (0) | 2022.04.08 |
| [HTML & CSS] 입력한 상태 그대로 보여 주는법, <pre> 태그 사용법 !! (0) | 2022.02.09 |
댓글