Rails和模态jquery对话框表单

时间:2011-06-16 15:44:39

标签: ruby-on-rails jquery

我刚开始使用带有rails的jquery模式对话框,并且想知道我怎么做:

  1. 显示一个jquery模式对话框 有1个字段(例如“标题”)
  2. 将此表单发布到rails控制器(通过 ajax)
  3. 有模态对话框表单 如果未填写字段,则重新显示 (在错误字段中使用正常的红色css)
  4. 欢迎任何教程或示例。

    使用Rails 3和jQuery。谢谢你的时间。

2 个答案:

答案 0 :(得分:31)

以下是我如何做的示例:https://github.com/ramblex/modal-form

你应该能够:

  1. 下载应用
  2. run bundle
  3. rake db:migrate
  4. rails s
  5. 转到localhost:3000 /文章,点击“新文章”链接时会出现模式表单。
  6. 标题字段为空时应显示错误消息。否则它应该创建文章并显示它。

    希望它有所帮助。

答案 1 :(得分:3)

对于模态框,我使用jQuery Tools

设置完成后,下一步是在提交表单时绑定ajax请求(例如:form.submit(function(){ $.post... }))并将表单的数据发布到控制器。

第三步是设置Rails控制器以响应ajax请求(使用respond_to块)并将某些内容呈现为响应(可能使用:layout => false)。

如果验证失败,您将用此响应正文替换模态框的内容,或者如果成功(假设响应只是head :ok),您将显示成功消息。

我希望这对你有用。