회원 가입 폼을 만들때 필터링해야 할 부분이 많이 있다.
다음은 입력 받은 값을 필터링 하기 위한 코드이다.
<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에 위와 같이 추가하면 한/영 키를 눌러도 영어만 입력 받을수 있다.