[자바스크립트][예제] 아이디 중복확인 예제
간단한 아이디 중복확인 예제
지정해 둔 아이디배열 값과 중복되면 "존재하는 아이디입니다."라고 alert를 띄우고
input 박스를 clear 하는 예제이다!
<html>
<head>
<script language="javascript">
function duplicationCheck()
{
var users = ["name1", "name2", "name3"];
var userId = document.getElementById("userId").value;
for(var i =0; i < users.length; i++)
{
if ( userId == users[i])
{
document.getElementById("userId").value = "";
return alert(userId + "는 존재하는 아이디 입니다.");
}
}
}
</script>
</head>
<body>
<table border=1>
<tr style="border:2px solid green">
<td>
아이디
</td>
<td colspan="3">
<input type="text" id="userId" name="name" onkeyup="duplicationCheck()">
</td>
</tr>
</table>
</body>
</html>
여기서 팁! Onkeydown보다 Onkeyup을 사용하면 더 편함!
Onkeydown은 누루면서 찍히는 거라 제대로 안 될 수도 있음!
여기서 OnkeyDown, Onkeyup, OnkeyPress 내용도 참고로 정리!
Onkeydown : 키보드 자판을 누르는 순간에 발생하는 이벤트
=> 영문, 숫자, 한글, BackSpace 등에서 발생
Onkeyup : 키보드 자판을 누른 후, 올라올 때 발생하는 이벤트
=> 영문, 숫자, 한글, BackSpace 등에서 발생
Onkeypress : down과 up 중간에 발생하는 이벤트 => 영문, 숫자 등에서만 이벤트가 발생
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 간단한 password 체크 프로그램 (0) | 2014.05.29 |
|---|---|
| [자바스크립트] Javascript Char Codes (Key Codes) (0) | 2014.05.29 |
| [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 (1) | 2014.05.29 |
| javascript에서 Element에 접근하는 3가지 방법 (0) | 2014.05.20 |
