取消 和 新建 贴吧的按钮都会清空贴吧表单

论坛标题字符长度限定160。是汉字的话只能输入80个

app/models/forum.rb

@@ -14,7 +14,7 @@ class Forum < ActiveRecord::Base
   'sticky',
   'locked'
   validates_presence_of :name, :creator_id, :description
-  validates_length_of :name, maximum: 50
+  validates_length_of :name, maximum: 160
   #validates_length_of :description, maximum: 255
   validates :name, :uniqueness => true
   after_destroy :delete_kindeditor_assets

app/views/forums/_post_banner.html.erb

@@ -29,5 +29,5 @@
 </div>
 <div class="creatPost">
   <a href="javascript:void(0);" id="create_btn" class="c_white db creatPostIcon bBlue"
-     onclick="$('#error').hide();$('#new_forum_div').slideToggle();$(this).parent().slideToggle();">新建贴吧</a></div>
+     onclick="$('#error').hide();clear_form();$('#new_forum_div').slideToggle();$(this).parent().slideToggle();">新建贴吧</a></div>
 <div class="cl"></div>

app/views/forums/index.html.erb

@@ -49,7 +49,21 @@
           $("#reorder_popu").removeClass("sortArrowActiveD");
           add_class("reorder_time");
       });
-
+      document.getElementById('forum_name').onkeydown = function()
+      {
+          var n = 0;
+          var str = this.value;
+          for (i = 0; i < str.length; i++) {
+              var leg = str.charCodeAt(i);//ASCII码
+              if (leg > 255) {//大于255的都是中文
+                  n += 2;//如果是中文就是2个字节
+              } else {
+                  n += 1;//英文，不多说了
+              }
+          }
+          if(n >= 160)
+              event.returnValue = false;
+      }
   });
   function check_and_submit(doc){
       $("#error").html('').hide();
@@ -88,6 +102,9 @@
       $('#error').hide();
       $('#new_forum_div').slideToggle();
       $('#create_btn').parent().slideToggle();
+      clear_form();
+  }
+  function clear_form(){
       $("#forum_name").val('');
       $("#forum_desc").val('');
   }
@@ -100,7 +117,7 @@
        <div class="red fl mb10" id="error" style="display: none">error</div>
        <%= form_tag({:controller => 'forums',:action=>'create',:format=>'js'},:method => 'post',:remote=>'true') do  |f| %>
        <div class="mt15">
-         <textarea type="text" name="forum[name]" id="forum_name" class="postCreateInput" onfocus="hideError();" onblur="check_forum_name();" placeholder="输入贴吧名称"  ></textarea>
+         <textarea type="text" name="forum[name]"  id="forum_name"  class="postCreateInput" onfocus="hideError();" onblur="check_forum_name();" placeholder="输入贴吧名称"  ></textarea>
          <script>
            var textarea = document.getElementById('forum_name');
                autoTextarea(textarea);