반응형


자바스크립트에서 입력필드값을 타이핑시마다 검증하는 방법이다.


예) 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>




+ Recent posts