Merge branch 'master' of ssh://khuhub.khu.ac.kr:12959/2020-1-capstone-design1/Triz_Project1
Showing
9 changed files
with
49 additions
and
41 deletions
... | @@ -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 | } | ... | ... |
-
Please register or login to post a comment