问题标签 [jquery-forms-plugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
706 浏览

jquery - 用面包屑控制的 jQuery 表单向导插件?

我正在使用jQuery Form Wizard 插件来制作多阶段表单。在我的表格上方,我包含一个面包屑,它将链接到表格的每个阶段,如下所示:

我怎样才能使面包屑链接导航到表单的每个部分,同时每次都将“活动”类添加到正确的列表项?

0 投票
4 回答
10103 浏览

php - 为什么我的表单提交两次?

因此,由于某种原因,我的表单只需按一下按钮就提交了两次。这是我第一次使用 jquery Form 插件,我想 jquery 提交一次,并且表单也是“自然”提交的。我已经看到补救措施是在表单的 onSubmit 事件处理程序上附加一个“return false”。我以为我正在这样做,但显然它不起作用。

任何人都可以帮忙吗?

我尝试将 onsubmit="return false" 添加到表单元素,但是我根本没有提交。我也尝试过添加“return false;” 到 jQuery,但我仍然有双重提交。我错过了什么?根据 jQuery Form Plugin 站点,这似乎是标准方法。我的表单有何不同?

(顺便说一下,要清楚一点。我不是在谈论通过反复按下按钮来提交多个连续表单的问题。我的问题是“一个提交按钮按下=两次提交”。)

0 投票
3 回答
6485 浏览

php - Yii 客户端验证和 jQuery Form 插件集成

我在我的一个项目中使用 Yii 框架,我想将jQuery Form 插件与 Yii 客户端内置验证一起使用。

我不能让他们一起工作。如果我jQuery form plugin使用这个简单的 js 代码进行设置:

执行客户端验证,但即使验证失败,它也不会停止表单提交。我想这与 Yii 客户端验证库和 jQuery 表单插件在表单上绑定相同的“提交”事件有关。

仅供参考,我仔细检查了 FireBug 和 Chrome 控制台没有 js 错误。

我想知道是否有人遇到过同样的问题并以某种方式解决了这个问题。

0 投票
1 回答
8961 浏览

javascript - jQuery 表单插件:enctype:multipart/form-data 和文件上传 - 没有 JSON 返回?

奇怪的问题或错误。我正在使用jQuery 表单插件,它在任何地方都可以正常工作,接受一个表单,我在表单上有一个文件上传enctype:multipart/form-data。在这个表格中,我面临两件奇怪的事情……</p>

  1. 从服务器返回的 JSON 对象是空的!
  2. 在 Opera 中,提交按钮甚至会触发文件下载!

但是,只有当我将enctype:multipart/form-dataand留input type="file"在表单中时才会发生这种情况。没有它,一切正常,JSON 对象返回正确 - 并且在 Opera 中没有下载。

HTML:

jQuery:

知道是什么原因造成的吗?我怎么能解决这个问题?

提前致谢。

编辑:

我从未尝试过仅记录对象本身,结果证明在这种情况下(仅当设置了文件输入和 enctype 时)jsonObject 是字符串而不是对象。

所以,这意味着我的 javascript 中再次有一个 JSObject,这解决了我的第一个问题,但是歌剧错误仍然存​​在!有任何想法吗?

0 投票
2 回答
163 浏览

firefox - 使用 .load 加载表单会杀死 Firefox 中的提交按钮

我目前正在将几个表单加载到一个网页中:

这适用于加载表单的 Chrome、Chromium 和 IE,并且一切正常(单击提交向表单操作中定义的 php 脚本发送请求,该脚本将内容添加到数据库,并显示警报对话框)。在 Firefox (v10.0.2) 中,此代码将表单加载到 DOM 中并显示它们,但是当单击任何表单时,什么都没有发生。

起初我怀疑ajaxForm,但将上面的代码更改为:

产生几乎相同的结果,不同之处在于用户被发送到定义为操作的脚本(Firefox 除外,没有任何反应)。

如何让 Firefox 不杀死提交按钮?

0 投票
1 回答
1222 浏览

jquery - Jquery 验证/jquery 表单需要点击 2 次才能提交

我将 jquery validate() 与 jquery 表单插件结合使用 Ajax 提交表单。一切正常,除了提交按钮需要点击 2 次才能提交。关于如何解决问题的任何建议?

除了在 jquery 表单插件(http://www.malsup.com/jquery/form/#ajaxSubmit)中推荐的返回 false 之外,我还尝试使用 preventDefault() 和 $.ajaxSetup({async:false}); .

此外,提交按钮是一个图像。

这是代码:

使用的插件:

http://docs.jquery.com/Plugins/Validation

http://www.malsup.com/jquery/form/#ajaxSubmit

0 投票
1 回答
6993 浏览

jquery - 带有 jquery validate 和 jquery ajax 表单的 jquery 提交处理程序仅每秒钟调用一次

我有以下代码

我发现处理程序仅在第一次、第三次、第五次、第 7 次单击提​​交按钮时被调用(响应几乎只是表单的 html 插入了错误等)。

但是,将函数更改为 onclick 处理程序每​​次都有效。

0 投票
2 回答
2296 浏览

jquery - jQuery Form Plugin 不更新进度条,显示 [jquery.form] state = uninitialized

我试图展示由 jQuery 表单插件处理的上传进度,正如他们在他们的网站上演示的那样。无论我尝试什么,我都无法显示上传进度的百分比,并且[jquery.form] state = uninitialized在文件上传时,Firebug 会显示在控制台中。上传完成后,Firebug 显示[jquery.form] state = loading jquery.form.js (line 904) [jquery.form] isXml=false

这是我的 Javascript。后端使用 class.upload.php、www.verot.net/php_class_upload.htm,完成后返回 JSON。

任何帮助,将不胜感激!

0 投票
2 回答
996 浏览

jquery - Malsup 的 jquery Ajax 表单插件中的上下文

我发现Malsup 的 JQuery Form 插件ajaxyfying在我的表单中非常方便。但是,我无法引用在成功和错误回调中发生提交事件的目标元素。中的this关键字指的是ajaxForm对象而不是 DOM 元素。

我的页面上有很多小表格。就像针对请求的接受和拒绝按钮一样,我想使用 ajax 提交这些表单。完成后,我想从 DOM 中删除该表单并显示消息“请求成功!” 或者。但我无法找到实际提交表单的目标。

我知道我可以传递一个context选项,该选项将成为所有回调的上下文,因为我也无法弄清楚如何引用发生提交事件的元素?

提前致谢。

0 投票
1 回答
1284 浏览

json - 如何将我的 JSON 操作结果包装在