Develop/Java
[JS] 입력값 실시간 검증
크레이지J
2018. 3. 6. 10:37
반응형
자바스크립트에서 입력필드값을 타이핑시마다 검증하는 방법이다.
예) textarea의 최대 글자수 체크하여 넘지 못하도록 하기.
이것은 간단하게 속성으로 설정할 수 도 있지만, 여기서는 예제로 해 본 것이다.
검사 부분을 원하는 입력값 형식체크로 변경하여 사용할 수 있다.
<html>
<head>
<script language="javascript">
function checkLength(obj) {
var maxlen = 10;
if(obj.value.length > maxlen) {
obj.value = obj.value.substring(0,maxlen);
}
}
</script>
</head>
<body>
<form name="form">
<textarea name="content" cols="20" rows="5" onKeyUp="checkLength(this);"></textarea>
<textarea name="content2" maxlength="10"></textarea>
</form>
<body>
</html>