Rails 和模态 jquery 对话框形式

Question

我是使用带有 rails 的 jquery 模态对话框的新手，我想知道我该怎么做：

1. 显示一个 jquery 模式对话框 有 1 个字段（例如“标题”）
2. 将此表单发布到 Rails 控制器（通过 阿贾克斯）
3. 具有模态对话框 如果字段未填写则重新显示 （错误字段中有正常的红色 css）

欢迎任何教程或示例。

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

Answer 1

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

你应该能够：

1. 下载应用程序
2. 运行包
3. rake db:迁移
4. 导轨 s
5. 转到 localhost:3000/articles，当您单击“新文章”链接时，应该会出现模态表单。

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

希望对你有帮助。

Answer 2

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

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

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

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

我希望这对你有意义。