Rails和jQuery的模态对话框的形式

Question

我是新来使用jQuery模态对话框与导轨，并想知道我怎么能：

1. 显示一个jQuery模式对话框 1个字段（例如“标题”）
2. 交此表为一个轨道控制器（经由 AJAX）
3. 有模态对话框形式 重新显示如果字段在 （在错误字段与正常红色CSS）未填充

欢迎提供任何教程或示例。

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

Answer 1

下面是我如何去做的例子：https://github.com/ramblex/modal-form。

您应该能够：

1. 下载的应用程序
2. 运行捆绑
3. 耙分贝：迁移
4. 轨小号
5. 进入到localhost：3000 /文章和模态窗体当你点击“新文章”链接时应该出现。

当标题字段留空时应显示错误消息。否则，它应该创建文章并显示它。

希望它有帮助。

Answer 2

对于模态框，我使用jQuery Tools。

一旦你设置了，下一步是绑定一个Ajax请求时提交表单时（如：form.submit(function(){ $.post... }))和表单的数据发布到控制器

第三步是建立你的Rails控制器响应Ajax请求（使用respond_to块）和渲染的东西作为响应（可能使用:layout => false）。

如果验证失败，您会取代你的模态对话框的内容与此响应主体，或如果成功的话（假设反应只是head :ok） ，您将显示成功消息。

我希望这对你有意义。