问题标签 [jqueryform]

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 回答
2297 浏览

ruby-on-rails - 如何使用 Rails 3 和多个 check_box_tag 元素同时删除多条记录

我被困在沟里,比 Yugo 还要糟糕。

我添加了最终使这项工作在下面进行的更改(标记为粗体编辑)。

背景

  • 小部件有很多小工具
  • 表中最后的 td 列check_box_tags必须选择要删除的单个 Gadget 记录

期望的行为

  • 用户应该能够单击“checkall”以及单个复选框来一次选择一个小工具
  • 单击“删除所选”按钮应删除已检查的记录而不刷新页面

编辑: 添加更多关于什么不起作用的具体细节

观察到的行为

  • gadgets_controller.rb 中的 destroy_multiple 方法永远不会被调用
  • 相反,似乎调用了 create 方法

    Started POST "/widgets/1/gadgets" ...
    Processing by GadgetsController#create as JS
    Parameters: {"utf8"=>"✓", "authenticity_token"=>"...=", "widget"=>{"gadget_ids"=>["all", "140", "139"]}, "widget_id"=>"1"}
    Widget Load (0.3ms) SELECT "widgets".* FROM "widget" WHERE "widget"."id" = $1 LIMIT 1 [["id", "1"]]
    Rendered gadgets/create.html.haml within layouts/application (1.1ms)
    Rendered layouts/_header.html.haml (0.2ms)
    Completed 200 OK in 36ms (Views: 19.0ms | ActiveRecord: 5.0ms)

我也不清楚这一点:{"gadget_ids"=>["all", "140", "139"]}

“all”是用于“checkall”的 1 个复选框的 CSS id。在下面的 checkbox.js.coffee 文件中,我尝试使用 javascript 从数组中删除“all”值。当我将阵列记录到控制台时,“全部”已成功删除。然而它继续被发送到小工具控制器。

编辑 rails 远程表单为 POST 请求填充 gadgets 数组。只需正确设置即可。

楷模

小部件.rb

小工具.rb

小工具控制器

路线.rb

我正在尝试使用集合做块。这是实现 destroy_multiple 路线的正确方法吗?

0 投票
3 回答
3291 浏览

ajax - AjaxSubmit 在发送前覆盖表单字段

我想在使用 AjaxSubmit 函数在 Jquery 上提交表单之前覆盖“密码”字段的值。我知道我可以只更新输入字段上的值,但是我不希望用户看到这个转换。换句话说,我只想向密码字段发送一个自定义值,并将当前值保留在屏幕上......

我怎么能那样做?

我当前的代码:

这段代码的问题在于它发送了一个带有表单字段值的“密码”POST 变量,以及一个重复的变量,其中的值是我在“loginoptions.data”上设置的值。

0 投票
2 回答
292 浏览

jquery - 更改提交表单的操作

首先,我将尝试解释我想要做什么:
我有一个动态创建子域的系统,每个子域都有自己的数据库和规则集。在我的主页中,我有一个登录表单,应该用于根据给定的电子邮件访问正确的子域。没关系,但我需要的是:在检查哪个是正确的子域之后,脚本应该如何更改表单操作以登录并重定向到给定的子域?

我的脚本代码是这样的:

如果有一种方法可以在没有插件 ajaxForm(根本没有插件)的情况下做到这一点,那将是非常有义务的。我制作的这个脚本,它进行验证,更改表单操作,但它不会重定向。
我错过了什么?

0 投票
1 回答
809 浏览

jquery - Mobiscroll 1.6 禁用回调的输入字段

我正在使用mobiscroll 1.6 (https://github.com/acidb/mobiscroll) 以简单的 html 表单输入日期,我用jQuery Form (和http://jquery.malsup.com/form/ ) ajaxify

我希望在对日期字段进行更改时发布表单。我从 mobiscroll api都试过onSelect了:onClose

http://docs.mobiscroll.com/

但问题是 mobiscroll 似乎将所有输入字段设置disabled为包含表单,直到它完全完成。当输入字段被禁用时,jQuery 表单不会对其进行序列化:

http://jquery.malsup.com/form/#faq http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2

在输入字段本身上添加事件处理程序不是一个选项,因为它从一开始就使用 JS 进行初始化,因此我在页面加载时获得了触发器。我真的需要从日期选择器触发 ajax 帖子。

任何提示都非常感谢!

0 投票
2 回答
2146 浏览

jquery - IE jQuery 表单触发手动点击,访问被拒绝

我有一个表格可以上传带有jQuery表格的图像。翻转是可以的,但是当我想在选择文件后点击触发文件输入类型时,IE ONLY返回此错误:access is denied

问题出在哪里,我该如何解决?

0 投票
3 回答
1612 浏览

jquery - 将php字符串返回到jquery

我有简单的表单,可以将图像上传到服务器并返回包含图像地址(和/或附加 html 代码)的 php 字符串。它是通过 JqueryForm 插件完成的。我想要的是:PHP文件返回的值(字符串)需要返回给jquery,所以我可以使用该图像url将其设置为某个元素的背景:

这是php文件(用于上传图像):

$path = "上传/";

而且,这里是用于发送图像的 jquery 代码:

不知何故,而不是:

将一些html放在#main中,我需要这样做:

其中图像将由 css 分配 ti #main。(imageUrl 是上面 php 文件中的字符串:$actual_image_name)

这可能吗,或者至少有一些类似的解决方案?

0 投票
1 回答
2202 浏览

jquery - 一次提交后Jquery Form消失

我有一种情况,我页面上的表单在每个表单提交一次后就会消失。例如,显示登录提示(使用Jquery Mobile)输入用户名和密码,对话框正常显示,输入被处理和验证,登录成功后显示主页。但是,如果我注销然后再次尝试重新登录,则只会显示页眉。输入字段和标签不存在。

我有另一个页面,其中有一个输入字段,在其中输入文本,进行 $.post 调用,返回 HTML 并使用 $('#results').html(dataReceived ) 函数调用。

显示结果时,表单似乎正在消失。这是页面文本:

我拦截表单的提交事件并在其他地方处理它。在 $.post AJAX 调用的回调函数中设置 div 内容的代码是:

一般信息:jquery 和 jquery mobile 的最新稳定版本。这是一个多页文件。不调用外部页面。一切都通过 $.post 调用完成。登录表单不会更新任何 HTML,它只是接收用户的 ID 并将其存储在一个变量中。

任何帮助,将不胜感激。谷歌在这方面不是我的朋友。

修改为显示表单提交代码:

0 投票
1 回答
1942 浏览

jquery - 第一步后的jquery formwizard停止表单插件(ajax)

我使用 jquery 表单向导分两步显示表单。在进行第二步之前,我使用 jquery 表单插件对第 1 步中的表单字段进行 ajax 验证。

我遇到的问题是完整的表单也是使用 ajax 发布的。不是重定向到显示结果的另一个页面,而是在同一页面上获取结果。如何配置表单插件以发布不使用 ajax 的完整表单?

0 投票
2 回答
10046 浏览

jquery - 选择页面中的所有表单并序列化它们的输入值

您好我正在尝试选择页面中的所有表单,然后序列化它们的输入值,我正在使用以下代码:

但是当我检查 serializedData 它是未定义的,我做错了什么?

0 投票
1 回答
536 浏览

javascript - Jquery表单插件未显示成功功能

我有这个代码:

$(".myform").ajaxForm(options);

Firefox 控制台将此显示为响应

我的数据已正确插入数据库,但我也无法在 Firefox 控制台中调用该成功函数,我通过成功消息模板获得所需的响应,