Rails和模态jQuery对话框表单

Question

我刚开始使用带有Rails的jquery模态对话框，并想知道如何：

1. 显示一个带有1个字段（例如“标题”）的jQuery模态对话框
2. 通过ajax将此表单提交到Rails控制器
3. 如果字段未填写，则重新显示模态对话框表单（在错误字段中使用常规红色css）

欢迎任何教程或示例。

使用Rails 3和jQuery。感谢您的时间。

- robzolkos

Answer 1

这是我会如何做的一个示例：https://github.com/ramblex/modal-form。

你应该能够：

1. 下载应用程序
2. 运行 bundle 命令
3. 运行 rake db:migrate 命令
4. 运行 rails s 命令
5. 打开 localhost:3000/articles，点击“New article”链接时模态表单应该弹出来

当标题字段留空时应该显示错误信息。否则应该创建文章并将其显示出来。

希望对你有所帮助。

- ramblex

---

这节省了我大量的时间和烦恼。感谢您提供这个示例代码！ - Jim

Answer 2

对于模态框，我使用jQuery Tools。一旦设置完成，下一步是在提交表单时绑定一个ajax请求（例如：form.submit(function(){$.post...}))并将表单数据发送到控制器。

第三步是设置你的Rails控制器以响应ajax请求（使用respond_to块），并呈现某个作为响应的东西（可能使用:layout => false）。

如果验证失败，你将用此响应主体替换模态框的内容；如果成功（假设响应只是head :ok），则显示一个成功消息。

我希望这对你有意义。

- Mirko