8장 관련해서~!

17 views
Skip to first unread message

베시시

unread,
Aug 25, 2011, 12:05:50 AM8/25/11
to IBKSYSTEM
<html>
<head>
<title>패턴매칭?</title>

<script type="text/javascript">
<!--

function 전송(){

if(document.getElementById("아디첵").value == "X"){
alert('아이디다시해');
document.getElementById("아이디").focus();
return ;
}
if(document.getElementById("비번첵").value == "X"){
alert('비번다시해');
document.getElementById("비밀번호").value = '';
document.getElementById("비밀번호확인").value = '';
document.getElementById("비밀번호결과").innerText = '';
document.getElementById("비밀번호").focus();
return ;
}
if(document.getElementById("전번첵").value == "X"){
alert('전번다시해');
document.getElementById("전화번호").value = '';
document.getElementById("전번결과").innerText = '';

return ;
}

if(document.getElementById("메일첵").value == "X"){
document.getElementById("이메일").value = '';
document.getElementById("이메일결과").innerText = '';
alert('메일다시해');
return ;
}
if(document.getElementById("홈피첵").value == "X"){
alert('홈피다시해');
document.getElementById("홈페이지").value = '';
document.getElementById("홈페이지결과").innerText = '';
return ;
}

var f = document.frm;
f.submit();
}

function 아이디체크(){
var 값 = document.getElementById("아이디").value;
if (값.langth > 0 || 값.indexOf(" ") == -1 )
{
if(confirm("있는아이디임?")){
document.getElementById("아이디결과").innerText = '대통';
document.getElementById("아디첵").value = 'O' ;
}else{
document.getElementById("아이디결과").innerText = '불통';
document.getElementById("아디첵").value = 'X' ;
}
}
}
function 비번체크전(){

document.getElementById("비번첵").value = 'X' ;
document.getElementById("비밀번호결과").innerText = '';
var 값 = document.getElementById("비밀번호").value;
if (값 !="" && 값.indexOf(" ") == -1)
{
document.getElementById("비밀번호확인").readOnly = 0;
//document.getElementById("비밀번호확인").disabled = 0;
}else {
document.getElementById("비밀번호확인").readOnly = 1;
}
}

function 비번체크(){
var 비번원본 = document.getElementById("비밀번호").value;
var 비번확인 = document.getElementById("비밀번호확인").value;

if (비번원본!="" && 비번확인!="" )
{
if( 비번원본 == 비번확인){
document.getElementById("비밀번호결과").innerText = '비번통과';
document.getElementById("비번첵").value = 'O' ;
}else{
document.getElementById("비밀번호결과").innerText = '비번불통';
document.getElementById("비번첵").value = 'X' ;
}
document.getElementById("비밀번호확인").readOnly = 1;
}
}

function 전번체크(값){
var 패턴 =/^[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}$/;
var 매취 = 패턴.exec(값.value);

if (매취 == null)
{ alert("전번다시") ;
값.value = "";
document.getElementById("전번결과").innerText = '전번불통';
document.getElementById("전번첵").value = 'X' ;
//값.focus() ;
return;
}
else{
document.getElementById("전번결과").innerText = '전번통과';
document.getElementById("전번첵").value = 'O' ;
}

}
function 이멜체크(값){
var 패턴 = /^([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+)
{1,2}$/;
var 매취 = 패턴.exec(값.value);

if (매취 == null)
{ alert("메일다시") ;
값.value = "";
document.getElementById("이메일결과").innerText = '메일불통';
document.getElementById("메일첵").value = 'X' ;
//값.focus() ;
return;
}else{
document.getElementById("이메일결과").innerText = '메일통과';
document.getElementById("메일첵").value = 'O' ;
}
/*
/^([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/

설명
- 맨 앞에 있는 '/'과 끝에 있는 '/' 은 이식이 정규식임을 나타냄.
1. ^ : 문장의 처음부터 시작한다.
2. [0-9a-zA-Z_-]+ : 숫자 또는 영문자 또는 밑줄(_), 하이픈(-)이 1개이상(+)이상 와야한다.
3. ([0-9a-zA-Z_-]+) : 2에서의 형식을 한 묶음으로 한다. 시작과 끝으로 한다.
4. @ : 골뱅이가 들어가고
5. \. : . 이 들어간다.
6. {1,2} : 앞의 식이 1개 또는 2개가 연속으로 올 수 있다.
7. $ : 문장끝
*/

}
function 홈페이지체크(값){
var 패턴 = /^https?:\/\/([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/;
var 매취 = 패턴.exec(값.value);

if (매취 == null)
{ alert("홈페이지다시") ;
값.value = "";
document.getElementById("홈페이지결과").innerText = '홈피불통';
document.getElementById("홈피첵").value = 'X' ;
//값.focus() ;
return;
}else{
document.getElementById("홈페이지결과").innerText = '홈피통과';
document.getElementById("홈피첵").value = 'O' ;
}

}
//-->
</script>

</head>

<body>
<form name='frm' action='http://vesisi.com' method='post'>
<input type='hidden' name="아디첵" id="아디첵" value ='X'/>
<input type='hidden' name="비번첵" id="비번첵" value ='X'/>
<input type='hidden' name="전번첵" id="전번첵" value ='X'/>
<input type='hidden' name="메일첵" id="메일첵" value ='X'/>
<input type='hidden' name="홈피첵" id="홈피첵" value ='X'/>

<table border="1" width="400">
<tr>
<td width="120">아이디</td>
<td height="50" ><input type=text id="아이디" value="" style ="width:
100px" onblur='아이디체크()'>
<span id='아이디결과'></span>
</td>
</tr>
<tr>
<td>비밀번호</td>
<td height="50"><input type=text id="비밀번호" value="" style ="width:
80px" onblur='비번체크전()'>

</td>
</tr>
<tr>
<td>비번확인</td>
<td height="50"><input type=text id="비밀번호확인" value="" style ="width:
80px" onblur='비번체크()' readOnly=1 >
<span id='비밀번호결과'></span>
</td>
</tr>
<tr>
<td>전화번호</td>
<td height="50"><input type=text id="전화번호" value="" style ="width:
180px" onblur='전번체크(this)'>
<span id='전번결과'></span>
</td>
</tr>
<tr>
<td>이메일</td>
<td height="50"><input type=text id="이메일" value="" style ="width:
280px" onblur='이멜체크(this)'>
<span id='이메일결과'></span>
</td>
</tr>
<tr>
<td>홈페이지</td>
<td height="50"><input type=text id="홈페이지" value="" style ="width:
280px" onblur='홈페이지체크(this)'>
<span id='홈페이지결과'></span>
</td>
</tr>
<tr>
<td colspan ='2'>
<!-- <input type="submit" value="전송" > -->
<button onclick='전송()'>전송</button>
</td>
</tr>
</table>
</form>
</body>
</html>


8장 관련 해서 만들어 봣어요.. 다시봐도 챙피하네여 ㅋㅋ
월요일,화요일은 개인적으로 칼퇴 할일이 생겨서 .. 목요일날로 정정 했는데요..
이날도 최,떡맥,삼 님이 불참 통보를 받아서..

부득이 온라인으로 강의를 하게 됬습니다 ㅋㅋ
그럼 즐감 하시고요 ~!
9 장은 아담님이 하시는거로 하겠습니다.

ps:)농담이였습니다. ㅈㅅ
위 html 한번씩 각자 실행해보고.. 더 필요한점,보완될부분을 의논하는거로 하겠습니다.
8장은 8월 29일 오후 7시 15층 화장실에서 하겠습니다.


Reply all
Reply to author
Forward
0 new messages