티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" >
var win
function newWin(){
win = window.open("09DOMChild15.html","newWin","width=200, height=200")
}
</script>
</head>
<body>
<form action="">
아이디<input type="text" name="xxx" id="xxx" >
<button onclick="newWin()">아이디 중복체크</button>
</form>
</body>
</html>
---------------------09DOMChild15.html -------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// onsubmit -> ck (원래유효성체크해줌)
function ck(){
//admin
var d=document.getElementById("userid").value;
if("admin"==d){
//중복
document.getElementById("result").innerHTML="중복되어 사용 불가";
}else{
//사용가능
document.getElementById("result").innerHTML=
"<a href='' onclick='xx()'> 사용 가능 </a>";
}
return false;
}
function xx(){
//입력받은값
var input = document.getElementById("userid").value;
//메인창 접근
var w= opener; //w = 부모창(09Dom15.html)
w.document.getElementById("xxx").value=input; // w.없으면 현재 자기자신창에서 찾음 id - xxx를
window.close();
}
</script>
</head>
<body>
사용할 아이디를 입력하세요<br>
<form action="" onsubmit="return ck()">
아이디<input type="text" name="userid" id="userid">
<input type="submit" value="아이디검사">
</form>
<div id="result"></div>
</body>
</html>
'it' 카테고리의 다른 글
| 소프트웨어 (Software) (0) | 2022.08.30 |
|---|---|
| <a href="http://www.naver.com" onclick="return check()">go (JS로하지말고/ onclick으로 해주기 )</a> (0) | 2022.08.15 |
| Java의 첫 응용분야는 무엇이며 후에 주 응용 분야로 대두 된 분야는 무엇인가? (0) | 2022.08.13 |
| Java언어와 C++ 언어를 비교하여 차이점과 장단점을 논하라 / Java와 C++ 차이점 , 장단점 (0) | 2022.08.13 |
| 프로젝트 관리란? (0) | 2022.08.12 |
