[JavaScript] 키보드 / 입력 값 필터링

회원 가입 폼을 만들때 필터링해야 할 부분이 많이 있다.

다음은 입력 받은 값을 필터링 하기 위한 코드이다.

<scritpt type="text/javascritp">

function check(){

memberinfo = document.login;
if((memberinfo.id.value.leght < 3) || (memberinfo.id.value.length > 12)){

alert("id는 3자 이상 12자 이하여야 합니다.");

}

memberinfo = document.login;
if(memberinfo.passwd.value.leght < 6){

alert("passwd는 6자 이상이어야 합니다.");

}

}

</script>
<form name="login" action="" method="post" onsubmit="return check();">
<table>
<tr>
<td>id</td>
<td><input type="text" name="id" /></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="passwd" onkeypress="if(event.keyCode < 48 || event.keycode > 57){return false;}"/></td>
</tr>
</table>
</form>

<script>...</scritp>는 글자 길이 제한을 위한 코드

onkeypress="if(event.keyCode < 48 || event.keycode > 57){return false;}
위와 같이 추가 하면 숫자만 입력할수 있다.

또한 영어만을 입력 받고 싶다면
<input type="text" style="ime-mode:disabled" ...>
style에 위와 같이 추가하면 한/영 키를 눌러도 영어만 입력 받을수 있다.