sdy
...@@ -4,7 +4,7 @@ var Email={ ...@@ -4,7 +4,7 @@ var Email={
4 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 4 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
5 if(regExp.test(email)){ 5 if(regExp.test(email)){
6 return true; 6 return true;
7 - }else if(email===NULL){ 7 + }else if(email===""){
8 alert("이메일을 입력해주세요!"); 8 alert("이메일을 입력해주세요!");
9 return false; 9 return false;
10 } 10 }
...@@ -19,21 +19,19 @@ var Password={ ...@@ -19,21 +19,19 @@ var Password={
19 checkPassword:function(self){ 19 checkPassword:function(self){
20 var fpassword=document.getElementById('fValidation').value; 20 var fpassword=document.getElementById('fValidation').value;
21 var spassword= document.getElementById('sValidation').value; 21 var spassword= document.getElementById('sValidation').value;
22 - if(fpassword===spassword){ 22 + if(fpassword==="" || spassword===""){
23 - return true;
24 - }else if(fpassword===NULL || spassword===NULL){
25 alert("비밀번호를 입력해주세요!"); 23 alert("비밀번호를 입력해주세요!");
26 return false; 24 return false;
27 - }else { 25 + }else if(fpassword===spassword){
28 - alert("작성한 비밀번호들이 다릅니다!"); 26 + return true;
27 + }else{
28 + alert("입력하신 비밀번호들이 다릅니다!");
29 return false; 29 return false;
30 } 30 }
31 } 31 }
32 } 32 }
33 33
34 function checkValidation(self){ 34 function checkValidation(self){
35 - Email.checkmail();
36 - Password.checkPassword();
37 if(Email.checkEmail() && Password.checkPassword() ){ 35 if(Email.checkEmail() && Password.checkPassword() ){
38 return true; 36 return true;
39 }else return false; 37 }else return false;
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="style/style.css">
7 <style> 7 <style>
8 8
9 </style> 9 </style>
...@@ -16,14 +16,14 @@ ...@@ -16,14 +16,14 @@
16 <div id="grid"> 16 <div id="grid">
17 <div id="category"> 17 <div id="category">
18 <ol class="center"> 18 <ol class="center">
19 - <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li> 19 + <li><a href="service/whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
20 <li><a href="loginmain.html" class="saw">로그인</a></li> 20 <li><a href="loginmain.html" class="saw">로그인</a></li>
21 <li><a href="signinmain.html" class="saw">회원가입</a></li> 21 <li><a href="signinmain.html" class="saw">회원가입</a></li>
22 <li><a href="question.html" class="saw">문의사항</a></li> 22 <li><a href="question.html" class="saw">문의사항</a></li>
23 <li><a href="afterlogin.html" class="saw">로그인이후</a></li> 23 <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
24 </ol> 24 </ol>
25 </div> 25 </div>
26 - <div id="service"> 26 + <div id="article">
27 <h2>로그인후 접속되는 페이지로 만들기</h2> 27 <h2>로그인후 접속되는 페이지로 만들기</h2>
28 <form action="service/chatservice.html" id="chat"> 28 <form action="service/chatservice.html" id="chat">
29 <label for="chatservice">친구와 채팅하기</label> 29 <label for="chatservice">친구와 채팅하기</label>
...@@ -36,12 +36,12 @@ ...@@ -36,12 +36,12 @@
36 </form> 36 </form>
37 37
38 <form action="service/addfriend.html" id="addfriend"> 38 <form action="service/addfriend.html" id="addfriend">
39 - <label for="makefriend">친구추가하기:</label> 39 + <label for="makefriend">친구추가하기</label>
40 <input type="submit" value="친구추가하기"> 40 <input type="submit" value="친구추가하기">
41 </form> 41 </form>
42 42
43 <form action="randomchat.html" id="randomchat"> 43 <form action="randomchat.html" id="randomchat">
44 - <label for="randomchat">랜덤채팅:</label> 44 + <label for="randomchat">랜덤채팅</label>
45 <input type="submit" value="랜덤채팅"> 45 <input type="submit" value="랜덤채팅">
46 </form> 46 </form>
47 </div> 47 </div>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="style/style.css">
7 </head> 7 </head>
8 <body> 8 <body>
9 9
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 <div class="media" id="grid"> 12 <div class="media" id="grid">
13 <div id="category"> 13 <div id="category">
14 <ol class="center"> 14 <ol class="center">
15 - <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li> 15 + <li><a href="service/whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
16 <li><a href="loginmain.html" class="saw">로그인</a></li> 16 <li><a href="loginmain.html" class="saw">로그인</a></li>
17 <li><a href="signinmain.html" class="saw">회원가입</a></li> 17 <li><a href="signinmain.html" class="saw">회원가입</a></li>
18 <li><a href="question.html" class="saw">문의사항</a></li> 18 <li><a href="question.html" class="saw">문의사항</a></li>
......
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="style/style.css">
7 -<script src="validation.js"></script> 7 +
8 </head> 8 </head>
9 <body> 9 <body>
10 10
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div id="grid"> 14 <div id="grid">
15 <div id="category"> 15 <div id="category">
16 <ol class="center"> 16 <ol class="center">
17 - <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li> 17 + <li><a href="service/whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
18 <li><a href="loginmain.html" class="saw">로그인</a></li> 18 <li><a href="loginmain.html" class="saw">로그인</a></li>
19 <li><a href="signinmain.html" class="saw">회원가입</a></li> 19 <li><a href="signinmain.html" class="saw">회원가입</a></li>
20 <li><a href="question.html" class="saw">문의사항</a></li> 20 <li><a href="question.html" class="saw">문의사항</a></li>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
27 <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br> 27 <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br>
28 so enjoy it out sevice. 28 so enjoy it out sevice.
29 </p> 29 </p>
30 - <h2><a href=whatiskhuchat.html title="what is KHU chat"> 30 + <h2><a href=service/whatiskhuchat.html title="what is KHU chat">
31 1.What is KHU chat ?</a></h2> 31 1.What is KHU chat ?</a></h2>
32 <p> 32 <p>
33 KHU chat service는 무엇인가요? 33 KHU chat service는 무엇인가요?
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="style/style.css">
7 </head> 7 </head>
8 <body> 8 <body>
9 9
...@@ -13,10 +13,11 @@ ...@@ -13,10 +13,11 @@
13 <div id="grid"> 13 <div id="grid">
14 <div id="category"> 14 <div id="category">
15 <ol class="center"> 15 <ol class="center">
16 - <li><a href="whatiskhuchat.html" class="saw">What is KHU chat?</a></li> 16 + <li><a href="service/whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
17 <li><a href="loginmain.html" class="saw">로그인</a></li> 17 <li><a href="loginmain.html" class="saw">로그인</a></li>
18 <li><a href="signinmain.html" class="saw">회원가입</a></li> 18 <li><a href="signinmain.html" class="saw">회원가입</a></li>
19 <li><a href="question.html" class="saw">문의사항</a></li> 19 <li><a href="question.html" class="saw">문의사항</a></li>
20 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
20 </ol> 21 </ol>
21 </div> 22 </div>
22 <div id="article"> 23 <div id="article">
......
...@@ -3,20 +3,20 @@ ...@@ -3,20 +3,20 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="../style/style.css">
7 </head> 7 </head>
8 <body> 8 <body>
9 9
10 - <h1><a href="main.html" color:black>KHU Chatting service</a></h1> 10 + <h1><a href="../main.html" color:black>KHU Chatting service</a></h1>
11 - <img src="image/main2.jpg" class="image"> 11 + <img src="../image/main2.jpg" class="image">
12 <div id="grid"> 12 <div id="grid">
13 <div id="category"> 13 <div id="category">
14 <ol> 14 <ol>
15 <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li> 15 <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
16 - <li><a href="loginmain.html" class="saw">로그인</a></li> 16 + <li><a href="../loginmain.html" class="saw">로그인</a></li>
17 - <li><a href="signinmain.html" class="saw">회원가입</a></li> 17 + <li><a href="../signinmain.html" class="saw">회원가입</a></li>
18 - <li><a href="signinmain.html" class="saw">문의사항</a></li> 18 + <li><a href="../signinmain.html" class="saw">문의사항</a></li>
19 - <li><a href="afterlogin.html" class="saw">로그인이후</a></li> 19 + <li><a href="../afterlogin.html" class="saw">로그인이후</a></li>
20 </ol> 20 </ol>
21 </div> 21 </div>
22 <div id="article"> 22 <div id="article">
......
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
3 <head> 3 <head>
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 -<link rel="stylesheet" href="style.css"> 6 +<link rel="stylesheet" href="style/style.css">
7 -<script src="validation.js"></script> 7 +<script src="JS/validation.js"></script>
8 8
9 </head> 9 </head>
10 <body> 10 <body>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div class="media" id="grid"> 14 <div class="media" id="grid">
15 <div id="category"> 15 <div id="category">
16 <ol class="center"> 16 <ol class="center">
17 - <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li> 17 + <li><a href="service/whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
18 <li><a href="loginmain.html" class="saw">로그인</a></li> 18 <li><a href="loginmain.html" class="saw">로그인</a></li>
19 <li><a href="signinmain.html" class="saw">회원가입</a></li> 19 <li><a href="signinmain.html" class="saw">회원가입</a></li>
20 <li><a href="question.html" class="saw">문의사항</a></li> 20 <li><a href="question.html" class="saw">문의사항</a></li>
...@@ -26,20 +26,20 @@ ...@@ -26,20 +26,20 @@
26 <div id="inputset"> 26 <div id="inputset">
27 <form class="signinform" action="loginmain.html" onsubmit="return checkValidation()" method="post"> 27 <form class="signinform" action="loginmain.html" onsubmit="return checkValidation()" method="post">
28 <label for="email">이메일:</label><br> 28 <label for="email">이메일:</label><br>
29 - <input id="eValidation"type="text" name="email" placeholder="이메일을 입력하세요." required><br> 29 + <input id="eValidation"type="text" name="email" placeholder="이메일을 입력하세요." ><br>
30 30
31 <label for="password">비밀번호:</label><br> 31 <label for="password">비밀번호:</label><br>
32 - <input id="fValidation" type="password" name="password" placeholder="비밀번호를 입력하세요." required><br> 32 + <input id="fValidation" type="password" name="password" placeholder="비밀번호를 입력하세요." ><br>
33 33
34 <label for="password">비밀번호 확인:</label><br> 34 <label for="password">비밀번호 확인:</label><br>
35 - <input id="sValidation" type="password" name="checkpassword" placeholder="비밀번호를 입력하세요." required><br> 35 + <input id="sValidation" type="password" name="checkpassword" placeholder="비밀번호를 입력하세요." ><br>
36 36
37 37
38 <label for="name">이름:</label><br> 38 <label for="name">이름:</label><br>
39 - <input type="text" name="name"placeholder="이름을 입력하세요." required><br> 39 + <input type="text" name="name"placeholder="이름을 입력하세요." ><br>
40 40
41 <label for="age">나이:</label><br> 41 <label for="age">나이:</label><br>
42 - <input type="text" name="age" placeholder="나이를 입력하세요." required><br><br> 42 + <input type="text" name="age" placeholder="나이를 입력하세요." ><br><br>
43 43
44 <label for="sex">성별:</label><br> 44 <label for="sex">성별:</label><br>
45 <input type="radio" value="man" name="sex">남자<br> 45 <input type="radio" value="man" name="sex">남자<br>
...@@ -57,7 +57,10 @@ ...@@ -57,7 +57,10 @@
57 <input type="checkbox" value="study" name="interesting">공부<br> 57 <input type="checkbox" value="study" name="interesting">공부<br>
58 <input type="checkbox" value="coding" name="interesting">코딩<br><br> 58 <input type="checkbox" value="coding" name="interesting">코딩<br><br>
59 59
60 - <input type="submit" value="회원가입신청"> 60 + <input type="submit" value="회원가입신청" >
61 +
62 +
63 +
61 </form> 64 </form>
62 </div> 65 </div>
63 </div> 66 </div>
......
1 <style> 1 <style>
2 + title{
3 +
4 + }
2 body 5 body
3 { 6 {
4 margin:0; 7 margin:0;
...@@ -17,7 +20,7 @@ ...@@ -17,7 +20,7 @@
17 } 20 }
18 ol 21 ol
19 { 22 {
20 - border-right:1px solid gray; 23 +
21 width:150px; 24 width:150px;
22 margin:50px; 25 margin:50px;
23 padding:20px; 26 padding:20px;
...@@ -62,7 +65,8 @@ ...@@ -62,7 +65,8 @@
62 { 65 {
63 padding-top: 10px; 66 padding-top: 10px;
64 padding-bottom: 10px; 67 padding-bottom: 10px;
65 - padding-left: 20px; 68 + padding-left: 130px;
69 + border-left:1px solid gray;
66 /*grid안에 #article */ 70 /*grid안에 #article */
67 } 71 }
68 72
...@@ -109,7 +113,7 @@ ...@@ -109,7 +113,7 @@
109 padding-top: 10px; 113 padding-top: 10px;
110 padding-bottom: 10px; 114 padding-bottom: 10px;
111 padding-left: 20px; 115 padding-left: 20px;
112 - 116 + display: inline-block;
113 /*grid안에 #article */ 117 /*grid안에 #article */
114 } 118 }
115 } 119 }
......
1 # Capstone design 1 # Capstone design
2 2
3 -test 3 +# function을 만들어서 html 페이지 입력 받아오기
4 +
5 +#html 이름을 수정할때마다 메인페이지의 모든 이름을 수정해야해서 까다롭다
......