티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
return false;
// Textbox value
var _value = event.srcElement.value;
// 소수점(.)이 두번 이상 나오지 못하게
var _pattern0 = /^\d*[.]\d*$/; // 현재 value값에 소수점(.) 이 있으면 . 입력불가
if (_pattern0.test(_value)) {
if (charCode == 46) {
return false;
}
}
// 1000 이하의 숫자만 입력가능
var _pattern1 = /^\d{3}$/; // 현재 value값이 3자리 숫자이면 . 만 입력가능
if (_pattern1.test(_value)) {
if (charCode != 46) {
alert("1000 이하의 숫자만 입력가능합니다");
return false;
}
}
// 소수점 둘째자리까지만 입력가능
var _pattern2 = /^\d*[.]\d{2}$/; // 현재 value값이 소수점 둘째짜리 숫자이면 더이상 입력 불가
if (_pattern2.test(_value)) {
alert("소수점 둘째자리까지만 입력가능합니다.");
return false;
}
return true;
}
</script>
</head>
<body>
//텍스트박스에 한글 입력 불가(크롬에서 잘 됨)
<input type="text" onkeypress="return isNumberKey(event)"
onkeyup="this.value=this.value.replace(/[\ㄱ-ㅎㅏ-ㅣ가-힣]/g, '');"/>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| confirm 사용 방법 (0) | 2018.04.27 |
|---|---|
| 웹에서 HTML 및 JAVASCRIPT, CSS 테스트 할 수 있는 사이트 (0) | 2018.03.25 |
| 쿠키 이용하여 로그인 아이디 저장하기 (0) | 2018.03.22 |
| input text 값 비교 (0) | 2018.02.23 |
| 체크박스 특정 박스 선택만 남고 모두 해제 (0) | 2018.02.21 |