`
机器人
  • 浏览: 83252 次
  • 性别: Icon_minigender_2
  • 来自: Google
社区版块
存档分类
最新评论

Rails中方便地实现Live Validations

阅读更多

我不说其它的话了,直接上代码:
class LiveValidationsController < ApplicationController
  def validate_username
    if params[:username].length > 3
      @user = User.find_by_username(params[:username])
      if @user.nil?
        @message = "<img src='/images/accept.png' alt='Valid Username' />
      else
        @message = "<img src='/images/cross.png' alt='Invalid Username' /> Name taken"
      end
    else
      @message = ""
    end
    render :partial => "message"
  end
end


页面_message:
<%=  @message  %>


表单输入页面new.html.erb:
Username  <%= f.text_field :username %><span id="username_message" class="live_validation"></span>

<%= observe_field :form_username,
:url => { :controller => :live_validations, :action => :validate_username },
:frequency => 0.5,
:update => :username_message,
:with => "username"  %>


css代码:
.live_validation{margin-left:3px;background:#EEEE00;font-size:90%;}
.live_validation img{vertical-align:middle}

ICON图标来自这个网站:http://www.famfamfam.com/lab/icons/silk/

相关链接:http://livevalidation.com/
http://dmix.ca/2009/07/simple-live-validations-in-rails/
http://plugins.jquery.com/project/validate
http://github.com/augustl/live-validations/tree/master

  • 大小: 8.2 KB
1
1
分享到:
评论
2 楼 机器人 2009-09-09  
Hooopo 写道
这个得踩      

气死我也
1 楼 Hooopo 2009-09-09  
这个得踩      

相关推荐

Global site tag (gtag.js) - Google Analytics