function idChk()
{
var idvalue = document.member.id_value.value;
var xmlhttp;
if (str=="") {
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.-nreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","id_check.asp?id="+str,true);
xmlhttp.send();
}
<a href="javas-ript:idChk()">[아이디 확인]</a>
<div id="txtHint">innerHTML 내용 표시 부분</div>
-> id_check.asp 파일은 id값을 request 받아서
아이디 중복검사를 한후 결과를 리턴해주고.. 이 결과값은 txtHint 에 표시된다.
물론 이러한 처리는 ifame 으로도 구현 가능하고,
결과값을 받는 방법에 따라 두가지 방법 중 선택하면 된다.
innerHTML은 소스에 결과로 나온 html태그를 삽입할 수 있고.
iframe은 결과로 나온값을 폼객체에 담아와야 한다.
'codeStorage > javascript' 카테고리의 다른 글
투명 DIV 만들기 (0) | 2011.09.07 |
---|---|
입력폼 한영전환/ 숫자만 입력 가능하게하는 속성 (0) | 2011.05.06 |