监控文本区域的内容长度

监控文本区域的内容长度

  我们经常在网络注册或者填写电子简介的时候经常会看到你输入的内容应该在 多少多少 字之间， 你超过了多少字符，等等。 今天这了就是来实现这个经常使用的功能。
   解决方法：
 
  布局包括了。 prototype 库， 并包含了一个 error 出错信息的提示样式 。

app/controllers/tags_controller.rb:

class TagsController < ApplicationController

  def list
    @tags = Tag.find(:all,:order => "created_on desc")
  end

  def add
    Tag.create(:name => params[:name])
    @tags = Tag.find(:all, :order => "created_on desc")
    render :partial => "tags", :locals => {:tags => @tags}, :layout => false
  end
end

你的表单包含一个  有text_area 辅助方法生成的textarea 元素， 以及一个作用于这个 textarea 元素上的恶 对observer_field 的调用。

app/views/articles/edit.rhtml:

<h1>Editing article</h1>

<% form_tag :action => 'update', :id => @article do %>
  <p>
    <div id="length_alert"></div>
    <label for="article_body">Short Intro (255 character maximum)</label>

    <%= text_area 'article', 'body', "rows" => 10  %>
  </p>
  <%= submit_tag 'Edit' %>
<% end %>

<%= observe_field("article_body", :frequency => 1,
                            :update => "length_alert",
                            :url => { :action => "check_length"})

控制器包含 check_length 的方法，这个方法就是重复检查textarea 中的数据长度。

app/controllers/articles_controller.rb:

class ArticlesController < ApplicationController

  def edit
  end

  def check_length 
    body_text = request.raw_post || request.query_string

    total_words = body_text.split(/\s+/).length
    total_chars = body_text.length
    if ( total_chars >= 255 )
      render :text => "<p class=\"error\">Warning: Length exceeded!
                        (You have #{total_chars} characters; #{total_words}
                        words.)</p>" 
    else    
      render :nothing => true
    end
  end
end

评论

1 楼 qichunren 2008-08-21  

感觉这样不好，不就是简单地检查一下字符的长度吗?
Is it necessary to send a ajax request to server?
Javascript can to this easily.