问题标签 [jquery-forms-plugin]

我正在通过 jQuery 在对话框中加载表单

代码就像

我正在使用 jQuery 表单插件来提交这样的表单

现在

1. 如果我在没有 AJAX 的情况下直接加载表单，然后提交表单，那么表单就会成功提交，没有任何问题。它在 10 次中有 10 次有效

2. 在第二种情况下，我动态加载表单。当我点击表单链接然后我在 jquery 对话框中动态加载表单然后如果我点击提交表单然后我可以看到警报但表单没有提交。但它有时有效，但有时无效。我会说它在 10 次中有 2 次有效。

Firebug 控制台也没有显示任何错误

有什么办法我可以找到什么问题

我正在使用带有此代码的 jquery 表单插件

现在我看到 firebug 控制台显示所有 ajax 请求，以便我可以看到请求和响应。

但是我已经看到，当我使用上面的代码时，我的 ajax 请求已完成，但我在控制台中看不到任何发布请求。

但如果我使用

然后我可以看到请求响应

我想知道为什么

我试图在我的 ajax 调用期间显示图像。我正在使用 jqueryform 插件。我似乎无法找到正确的路径：我需要根路径，这是我的代码：

我在我的表单中使用了一个评论部分，它是使用 jquery“加载”函数加载的。在加载的 html 中，我有 document.ready 函数和 jquery 表单 ajax 提交函数。

当我们尝试在 ie7 或 firefox5 中提交评论时，它不起作用。相反，它会显示一个带有评论部分内容的新页面。

我们认为这是因为 Ajax 提交的一些问题，当我们进一步追踪它时，我们了解到加载的 html 中的所有 javascript 在 ie7 或 firefox5 中都不起作用。

在加载的 html 中，有一个文档准备功能。我把警报信息放在那里。Chrome 和 firefox4 在加载该评论部分时显示该警报。但是这个改动在ie7或firefox5中没有显示。但评论部分已加载。

出于这个原因，评论发布在这些浏览器中也不起作用。

有人对此有解决方案吗？

当我不选择任何文件进行上传时没有问题，当我只填写除了发布表单之外的其他输入时，它正在工作。但是当我选择一个文件进行图片上传而不是发布它时，我收到了这个错误，但是当我查看文件夹时，我看到该文件已上传。但javascript失败了。

这是我的代码，

我有以下代码片段，它使用 jQuery Form 插件将表单发布到服务器（在 ajax 中）。

表格：

ajax 实现工作正常。但我收到警告

资源解释为 Document，但使用 MIME 类型 application/json 传输

在 Chrome 开发者工具中。我想找出警告的原因，甚至更好的解决方法。

我改为使用$.post，然后神奇地从那时起错误就消失了。我不知道为什么$.post有效但无效$form.ajaxSubmit。如果有人可以提供他们的解释，那就太好了。至少，这个问题得到了解决。下面是新代码。

背景：我正在为音乐家制作管理页面。假设用户创建专辑，然后将歌曲上传到专辑中。我正在使用带有jQ​​uery 表单插件的ajax 帖子。

首先，我致力于将歌曲上传到现有专辑中（效果很好）。

然后，我开始使用 .append() 和 .attr 创建新专辑并无需刷新即可显示（效果很好）。

现在我正在努力将一首歌曲上传到专辑中，这要归功于 append() 的出现。

问题：当制作的专辑准备好时，它是盛大的。所有的值和功能与页面渲染时加载的相册完全相同。

当我尝试上传歌曲时，服务器端出现错误。它采用与我将歌曲上传到 ajaxed 专辑作为初始页面渲染专辑完全相同的功能。

我刷新页面，我可以上传歌曲了。

我正在使用 jQuery.form 插件，我认为这是因为该函数位于 $(document).ready(function { ... }

上传脚本：

现在，进一步研究这个问题，我在 Chrome 中打开了控制台，进入网络并记录了 ajaxed 上传和页面加载上传的发布请求，我发现了非常不同的值。以下是 ajaxed 上传后的值（这个中断）：

表格数据：

文件：沉默2.mp3

专辑：80

这是页面加载的帖子值（这个有效）：

请求有效载荷：

------WebKitFormBoundaryZpJpGxBLJEBRYadH Content-Disposition: form-data; 名称=“文件”；文件名="silence2.mp3" 内容类型：音频/mp3

------WebKitFormBoundaryZpJpGxBLJEBRYadH Content-Disposition: form-data; 名称="专辑" 80

------WebKitFormBoundaryZpJpGxBLJEBRYadH--

提前非常感谢大家。我一定做错了什么。如有必要，我可以提供更多代码。请记住：ajaxed 相册和页面加载相册的 html 标记和值都是有效的。我做错了一定是jQuery...

我有一个使用 rails3、jquery-forms 的网站，我正在 firefox 和 chome 中进行测试。

为了测试，我让服务器每次都返回 422 状态。

当我提交表单时，Firefox 正确地点击“错误”。Chrome 错误地点击“成功”。

任何人都知道为什么会这样？

我正在使用jquery 表单插件来处理上传文件，

这是我的表格

jQuery，

这个想法的后备是你必须在上传文件之前点击两次——你必须点击浏览文件然后点击提交按钮。

我怎样才能将它减少到一键？理想情况下，我希望它在您从桌面选择文件并在浏览窗口/弹出窗口上单击确定时自动触发提交。

是否可以？

另一个注意事项：为什么它在 Chrome、IE 和 Safari 上不起作用（它只在 Firefox 和 Opera 上起作用）——表单将在这些浏览器上提交，但我已经设置submit()为return false?

跟进这篇文章，我有另一个发行者 - 当我点击文本链接时，如何触发输入中的浏览文件？

基本上我想隐藏表单，但是当你点击上传文本链接时它会被触发。

这是我的工作 Javascript 代码：