`
机器人
  • 浏览: 85083 次
  • 性别: 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  
这个得踩      

相关推荐

    Ruby on Rails中文指南

    通过阅读《Ruby on Rails中文指南》,你将逐步熟悉这些概念和技术,最终能够熟练地使用Rails框架构建功能丰富的Web应用。无论你是初学者还是经验丰富的开发者,这份指南都将为你提供宝贵的指导。

    Struts2和Rails的国际化实现

    总结来说,Struts2和Rails的国际化实现都是基于资源文件,并通过特定的API或辅助方法在代码中引用这些资源。它们都考虑了会话和请求的上下文来自动选择合适的语言,并提供了手动切换语言的能力。尽管实现方式有所...

    rails中使用javascript日期控件

    WebCalendar.js是一个轻量级的JavaScript库,用于创建交互式的日期选择器,它可以方便地与Rails框架结合,帮助开发者构建出用户友好的日期输入界面。 首先,我们需要理解Rails与JavaScript的交互方式。在Rails中,...

    在rails中 使用RSpec生产CHM文档

    标题 "在Rails中使用RSpec生产CHM文档" 暗示了这个话题是关于如何在Ruby on Rails(简称Rails)框架中使用RSpec测试工具来创建帮助文档,特别是以CHM(Microsoft Compiled HTML Help)格式。CHM文件是一种常见的...

    rails指南 中文版

    6. **Scaffolding**:Rails提供了快速生成基本CRUD(Create, Read, Update, Delete)操作的命令行工具,可以自动生成控制器、视图、样式表和测试文件,方便快速搭建原型。 7. **Testing**:Rails强调测试驱动开发,...

    Rails 中mongrel的安装

    2. **Ruby编写**: 作为纯Ruby实现的服务器,Mongrel与Rails框架集成紧密,减少了中间层带来的额外复杂性。 3. **轻量级**: Mongrel体积小巧,启动快速,适合开发和测试环境。 ** 安装Mongrel ** 在Rails项目中安装...

    railsAPI

    同时,模型中的validations可以帮助确保数据在被保存到数据库之前满足一定的条件。 测试是Rails开发流程的重要部分。Rails集成了测试框架如RSpec和MiniTest,允许开发者编写单元测试、集成测试和功能测试,确保代码...

    中文版rails教程

    Rails以其“约定优于配置”(Convention over Configuration)和“Don't Repeat Yourself”(DRY,不要重复自己)的原则,极大地提高了开发效率和代码可读性,成为了Web2.0时代敏捷开发的首选工具。 在Ruby on ...

    Rails 101 入门电子书

    - 如何在Rails中实现RESTful接口。 - **案例分析**: - 分析一个典型的RESTful应用示例。 #### 九、练习作业2-在Group里面发表文章-双层RESTFul - **目标**: - 在Group中添加Post功能。 - **实现过程**: - 创建...

    RailsGuides中那个blog程序源码

    Rails的 erb(Embedded Ruby)模板引擎允许开发者在HTML中嵌入Ruby代码,实现动态内容生成。 **控制器(Controller)** 是模型和视图之间的桥梁,处理用户的请求,调用模型进行业务处理,并将数据传递给视图进行...

    Rails中应用Ext.tree:以中国的省市地区三级联动选择为例

    在Ruby on Rails(Rails)框架中,开发人员经常需要实现各种用户交互功能,例如三级联动选择,这在处理如中国省市区这样的地理数据时尤其常见。这篇博客文章“Rails中应用Ext.tree:以中国的省市地区三级联动选择为...

    关于rails 3.1 cucumber-rails 1.2.0

    Cucumber-Rails集成了Cucumber与Rails,使得开发者能够在Rails环境中方便地使用Cucumber进行功能测试。 在 Rails 应用中使用 Cucumber-Rails,开发者可以创建一个名为`features`的目录,里面包含这些Gherkin特性...

    Rails101_by_rails4.0

    此外,书中还介绍了一些Rails中的高级概念,如Strong Parameters(强参数),它在Rails 4.0版本中引入,用于解决之前版本中的参数篡改问题,从而帮助开发者安全地处理外部提交的数据。 通过一系列的教学内容,包括...

    使用Aptana+Rails开发Rails Web应用(中文)

    安装过程中,遵循提示进行,确保选择自定义安装并勾选Rails相关的插件,以便在Aptana中获得对Rails的全面支持。 安装完成后,打开Aptana Studio,创建一个新的Rails项目。在“File”菜单中选择“New”然后点击...

    Ruby On Rails中文教材(PDF)

    Rails由David Heinemeier Hansson于2004年创建,它提倡“约定优于配置”(Convention over Configuration)和“Don't Repeat Yourself”(DRY)原则,极大地提高了开发效率。 本中文教材《Ruby On Rails》可能是...

    敏捷Rails中文教程

    - **数据库重构**:Rails支持在开发过程中灵活地修改数据库结构,这在敏捷开发中尤为重要,因为需求的变化可能会导致数据模型的调整。 - **代码生成器**:Rails提供了强大的代码生成工具,帮助开发者快速搭建起...

    Rails实现的简历系统

    4. **数据查询**:Rails的ActiveRecord层提供了强大的查询接口,如`where`、`select`、`order`等,使得开发者能方便地从数据库中检索、过滤和排序数据。ActiveRecord还支持链式查询,使得编写复杂的查询语句变得简单...

Global site tag (gtag.js) - Google Analytics