크리스마스 commit <글자수 제한 추가(write,update)>

violetkjs · Dec 25, 2015 · 77d0888 · 77d0888
1 parent b9baaa8
commit 77d0888
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 4 deletions.
diff --git a/WebContent/view/CheckForm.jsp b/WebContent/view/CheckForm.jsp
@@ -11,7 +11,7 @@
 <form action="../check" method="post">
 번호:<input type="text" name="no" size="5" value="${param.no }" readonly><br>
 이메일: <input type="text" name="email" value="${param.email }" readonly><br>
-비밀번호: <input type="password" name="pwd" size="10"><br>
+비밀번호: <input type="password" name="pwd" size="10"><br><br>
 <input type="submit" value="확인">
 <input type="reset" value="취소">
 </form>

diff --git a/WebContent/view/UpdateContentForm.jsp b/WebContent/view/UpdateContentForm.jsp
@@ -5,14 +5,52 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>게시물 수정</title>
+<script src="http://code.jquery.com/jquery-latest.js"></script>
+<script type="text/javascript">
+$(document).ready(function(){
+	var size;
+	var textValue;
+	var len = 0;
+	textValue =  $( "textarea[name*='content']" ).val();
+	size = $("input[name*='size']");
+	
+	for(var i = 0; i < textValue.length; i++){
+		len++;
+	}
+	
+	size.val(len);
+});
+
+
+function checkByte() {
+	   
+	var len = 0;
+    var limitByte = 4000;
+    var message = $("textarea[name='content']");
+    
+    
+    for(var i =0; i < message.val().length; i++)
+    	len++;
+    
+    if(len > limitByte){
+    	 alert(limitByte+"를 초과하셨습니다");
+    	 message.val(message.val().substring(0,limitByte));
+    	 len = limitByte;
+    }
+    
+    $("input[name='size']").val(len);
+}
+
+</script>
 </head>
 <body>
-<h2>게시물 수정</h2>
+<h1>게시물 수정</h1>
 <form action="update" method="post">
 번호: <input type="text" name="no" value="${bno }" readonly><br>
 이메일: <input type="text" name="email" value="${board.getEmail() }" readonly><br>
 수정날짜: <input type="text" value="${board.getModDate() }" readonly><br>
-내용: <textarea rows="10" cols="30" name="content">${board.getContent() }</textarea><br><br>
+내용: <textarea rows="10" cols="30" name="content" onKeyUp="checkByte()" >${board.getContent() }</textarea><br>
+글자수: <input type="text" name="size" value="0" size="1" maxlength="2" readonly> / 4000 글자<br>
 <input type="submit" value="전송">
 <input type="button" value="취소" onclick='location.href="list"'>
 <input type="button" value="삭제" onclick='location.href="delete?no=${bno}";'>

diff --git a/WebContent/view/WriteForm.jsp b/WebContent/view/WriteForm.jsp
@@ -7,6 +7,8 @@
 <title>글쓰기</title>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript">
+
+var limitByte = 4000;
     function check(fo){
     	var email = $("#txt_email").val();
     	var pwd = $("#txt_pwd").val();
@@ -22,9 +24,30 @@
     		fo.submit();
     	}
     }
+    
+    function checkByte() {
+ 	   
+    	var len = 0;
+        var limitByte = 4000;
+        var message = $("textarea[name='content']");
+        
+        
+        for(var i =0; i < message.val().length; i++)
+        	len++;
+        
+        if(len > limitByte){
+        	 alert(limitByte+"를 초과하셨습니다");
+        	 message.val(message.val().substring(0,limitByte));
+        	 len = limitByte;
+        }
+        
+        $("input[name='size']").val(len);
+    }
+    
 </script>
 </head>
 <body>
+<h1>글쓰기</h1>
 <FORM action="add" method="post">
 <table>
 <tr>
@@ -37,7 +60,11 @@
 </tr>
 <tr>
 <td>내용: </td>
-<td><textarea rows="10" cols="30" name="content"></textarea></td>
+<td><textarea rows="10" cols="30"  name="content" onKeyUp="checkByte()"></textarea></td>
+</tr>
+<tr>
+<td></td>
+<td><input type="text" name="size" size="1" value="0" maxlength="2" readonly> / 4000 글자</td>
 </tr>
 </table><br>
 <input type="button" value="동록" onclick="check(this.form)">